445. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:30 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

445.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/icon-fontsdemo.html2017-11-08 10:51:48 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/icon-fontsdemo.html2021-01-12 07:37:04 +0000

445.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged45738
Changed44455
Inserted00
Removed00

445.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

445.4 Active regular expressions

No regular expressions were active.

445.5 Comparison detail

1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3   <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 3   <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
4     <meta charset="UTF-8"><style>/* 4     <meta charset="UTF-8"><style>/*
5  * Bootstrap v2.2.1 5  * Bootstrap v2.2.1
6  * 6  *
7  * Copyright 2012 Twitter, Inc 7  * Copyright 2012 Twitter, Inc
8  * Licensed under the Apache License v2.0 8  * Licensed under the Apache License v2.0
9  * http://www.apache.org/licenses/LICENSE-2.0 9  * http://www.apache.org/licenses/LICENSE-2.0
10  * 10  *
11  * Designed and built with all the love in the world @twitter by @mdo and @fat. 11  * Designed and built with all the love in the world @twitter by @mdo and @fat.
12  */ 12  */
13 .clearfix { 13 .clearfix {
14   *zoom: 1; 14   *zoom: 1;
15 } 15 }
16 .clearfix:before, 16 .clearfix:before,
17 .clearfix:after { 17 .clearfix:after {
18   display: table; 18   display: table;
19   content: ""; 19   content: "";
20   line-height: 0; 20   line-height: 0;
21 } 21 }
22 .clearfix:after { 22 .clearfix:after {
23   clear: both; 23   clear: both;
24 } 24 }
25 html { 25 html {
26   font-size: 100%; 26   font-size: 100%;
27   -webkit-text-size-adjust: 100%; 27   -webkit-text-size-adjust: 100%;
28   -ms-text-size-adjust: 100%; 28   -ms-text-size-adjust: 100%;
29 } 29 }
30 a:focus { 30 a:focus {
31   outline: thin dotted #333; 31   outline: thin dotted #333;
32   outline: 5px auto -webkit-focus-ring-color; 32   outline: 5px auto -webkit-focus-ring-color;
33   outline-offset: -2px; 33   outline-offset: -2px;
34 } 34 }
35 a:hover, 35 a:hover,
36 a:active { 36 a:active {
37   outline: 0; 37   outline: 0;
38 } 38 }
39 button, 39 button,
40 input, 40 input,
41 select, 41 select,
42 textarea { 42 textarea {
43   margin: 0; 43   margin: 0;
44   font-size: 100%; 44   font-size: 100%;
45   vertical-align: middle; 45   vertical-align: middle;
46 } 46 }
47 button, 47 button,
48 input { 48 input {
49   *overflow: visible; 49   *overflow: visible;
50   line-height: normal; 50   line-height: normal;
51 } 51 }
52 button::-moz-focus-inner, 52 button::-moz-focus-inner,
53 input::-moz-focus-inner { 53 input::-moz-focus-inner {
54   padding: 0; 54   padding: 0;
55   border: 0; 55   border: 0;
56 } 56 }
57 body { 57 body {
58   margin: 0; 58   margin: 0;
59   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 59   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
60   font-size: 14px; 60   font-size: 14px;
61   line-height: 20px; 61   line-height: 20px;
62   color: #333; 62   color: #333;
63   background-color: #fff; 63   background-color: #fff;
64 } 64 }
65 a { 65 a {
66   color: #08c; 66   color: #08c;
67   text-decoration: none; 67   text-decoration: none;
68 } 68 }
69 a:hover { 69 a:hover {
70   color: #005580; 70   color: #005580;
71   text-decoration: underline; 71   text-decoration: underline;
72 } 72 }
73 .row { 73 .row {
74   margin-left: -20px; 74   margin-left: -20px;
75   *zoom: 1; 75   *zoom: 1;
76 } 76 }
77 .row:before, 77 .row:before,
78 .row:after { 78 .row:after {
79   display: table; 79   display: table;
80   content: ""; 80   content: "";
81   line-height: 0; 81   line-height: 0;
82 } 82 }
83 .row:after { 83 .row:after {
84   clear: both; 84   clear: both;
85 } 85 }
86 [class*="span"] { 86 [class*="span"] {
87   float: left; 87   float: left;
88   min-height: 1px; 88   min-height: 1px;
89   margin-left: 20px; 89   margin-left: 20px;
90 } 90 }
91 .container, 91 .container,
92 .navbar-static-top .container, 92 .navbar-static-top .container,
93 .navbar-fixed-top .container, 93 .navbar-fixed-top .container,
94 .navbar-fixed-bottom .container { 94 .navbar-fixed-bottom .container {
95   width: 940px; 95   width: 940px;
96 } 96 }
97 .span12 { 97 .span12 {
98   width: 940px; 98   width: 940px;
99 } 99 }
100 .span11 { 100 .span11 {
101   width: 860px; 101   width: 860px;
102 } 102 }
103 .span10 { 103 .span10 {
104   width: 780px; 104   width: 780px;
105 } 105 }
106 .span9 { 106 .span9 {
107   width: 700px; 107   width: 700px;
108 } 108 }
109 .span8 { 109 .span8 {
110   width: 620px; 110   width: 620px;
111 } 111 }
112 .span7 { 112 .span7 {
113   width: 540px; 113   width: 540px;
114 } 114 }
115 .span6 { 115 .span6 {
116   width: 460px; 116   width: 460px;
117 } 117 }
118 .span5 { 118 .span5 {
119   width: 380px; 119   width: 380px;
120 } 120 }
121 .span4 { 121 .span4 {
122   width: 300px; 122   width: 300px;
123 } 123 }
124 .span3 { 124 .span3 {
125   width: 220px; 125   width: 220px;
126 } 126 }
127 .span2 { 127 .span2 {
128   width: 140px; 128   width: 140px;
129 } 129 }
130 .span1 { 130 .span1 {
131   width: 60px; 131   width: 60px;
132 } 132 }
133 [class*="span"].pull-right, 133 [class*="span"].pull-right,
134 .row-fluid [class*="span"].pull-right { 134 .row-fluid [class*="span"].pull-right {
135   float: right; 135   float: right;
136 } 136 }
137 .container { 137 .container {
138   margin-right: auto; 138   margin-right: auto;
139   margin-left: auto; 139   margin-left: auto;
140   *zoom: 1; 140   *zoom: 1;
141 } 141 }
142 .container:before, 142 .container:before,
143 .container:after { 143 .container:after {
144   display: table; 144   display: table;
145   content: ""; 145   content: "";
146   line-height: 0; 146   line-height: 0;
147 } 147 }
148 .container:after { 148 .container:after {
149   clear: both; 149   clear: both;
150 } 150 }
151 p { 151 p {
152   margin: 0 0 10px; 152   margin: 0 0 10px;
153 } 153 }
154 .lead { 154 .lead {
155   margin-bottom: 20px; 155   margin-bottom: 20px;
156   font-size: 21px; 156   font-size: 21px;
157   font-weight: 200; 157   font-weight: 200;
158   line-height: 30px; 158   line-height: 30px;
159 } 159 }
160 small { 160 small {
161   font-size: 85%; 161   font-size: 85%;
162 } 162 }
163 h1 { 163 h1 {
164   margin: 10px 0; 164   margin: 10px 0;
165   font-family: inherit; 165   font-family: inherit;
166   font-weight: bold; 166   font-weight: bold;
167   line-height: 20px; 167   line-height: 20px;
168   color: inherit; 168   color: inherit;
169   text-rendering: optimizelegibility; 169   text-rendering: optimizelegibility;
170 } 170 }
171 h1 small { 171 h1 small {
172   font-weight: normal; 172   font-weight: normal;
173   line-height: 1; 173   line-height: 1;
174   color: #999; 174   color: #999;
175 } 175 }
176 h1 { 176 h1 {
177   line-height: 40px; 177   line-height: 40px;
178 } 178 }
179 h1 { 179 h1 {
180   font-size: 38.5px; 180   font-size: 38.5px;
181 } 181 }
182 h1 small { 182 h1 small {
183   font-size: 24.5px; 183   font-size: 24.5px;
184 } 184 }
185 body { 185 body {
186   margin-top: 90px; 186   margin-top: 90px;
187 } 187 }
188 .header { 188 .header {
189   position: fixed; 189   position: fixed;
190   top: 0; 190   top: 0;
191   left: 50%; 191   left: 50%;
192   margin-left: -480px; 192   margin-left: -480px;
193   background-color: #fff; 193   background-color: #fff;
194   border-bottom: 1px solid #ddd; 194   border-bottom: 1px solid #ddd;
195   padding-top: 10px; 195   padding-top: 10px;
196   z-index: 10; 196   z-index: 10;
197 } 197 }
198 .footer { 198 .footer {
199   color: #ddd; 199   color: #ddd;
200   font-size: 12px; 200   font-size: 12px;
201   text-align: center; 201   text-align: center;
202   margin-top: 20px; 202   margin-top: 20px;
203 } 203 }
204 .footer a { 204 .footer a {
205   color: #ccc; 205   color: #ccc;
206   text-decoration: underline; 206   text-decoration: underline;
207 } 207 }
208 .the-icons { 208 .the-icons {
209   font-size: 14px; 209   font-size: 14px;
210   line-height: 24px; 210   line-height: 24px;
211 } 211 }
212 .switch { 212 .switch {
213   position: absolute; 213   position: absolute;
214   right: 0; 214   right: 0;
215   bottom: 10px; 215   bottom: 10px;
216   color: #666; 216   color: #666;
217 } 217 }
218 .switch input { 218 .switch input {
219   margin-right: 0.3em; 219   margin-right: 0.3em;
220 } 220 }
221 .codesOn .i-name { 221 .codesOn .i-name {
222   display: none; 222   display: none;
223 } 223 }
224 .codesOn .i-code { 224 .codesOn .i-code {
225   display: inline; 225   display: inline;
226 } 226 }
227 .i-code { 227 .i-code {
228   display: none; 228   display: none;
229 } 229 }
230 @font-face { 230 @font-face {
231       font-family: 'porto-icons'; 231       font-family: 'porto-icons';
232       src: url('./font/porto-icons.eot?38157486'); 232       src: url('./font/porto-icons.eot?11431646');
233       src: url('./font/porto-icons.eot?38157486#iefix') format('embedded-opentype'), 233       src: url('./font/porto-icons.eot?11431646#iefix') format('embedded-opentype'),
234            url('./font/porto-icons.woff?38157486') format('woff'), 234            url('./font/porto-icons.woff?11431646') format('woff'),
235            url('./font/porto-icons.ttf?38157486') format('truetype'), 235            url('./font/porto-icons.ttf?11431646') format('truetype'),
236            url('./font/porto-icons.svg?38157486#fontello') format('svg'); 236            url('./font/porto-icons.svg?11431646#fontello') format('svg');
237       font-weight: normal; 237       font-weight: normal;
238       font-style: normal; 238       font-style: normal;
239     } 239     }
240       240      
241       241      
242     .demo-icon 242     .demo-icon
243     { 243     {
244       font-family: "porto-icons"; 244       font-family: "porto-icons";
245       font-style: normal; 245       font-style: normal;
246       font-weight: normal; 246       font-weight: normal;
247       speak: none; 247       speak: never;
248       248      
249       display: inline-block; 249       display: inline-block;
250       text-decoration: inherit; 250       text-decoration: inherit;
251       width: 1em; 251       width: 1em;
252       margin-right: .2em; 252       margin-right: .2em;
253       text-align: center; 253       text-align: center;
254       /* opacity: .8; */ 254       /* opacity: .8; */
255       255      
256       /* For safety - reset parent styles, that can break glyph codes*/ 256       /* For safety - reset parent styles, that can break glyph codes*/
257       font-variant: normal; 257       font-variant: normal;
258       text-transform: none; 258       text-transform: none;
259       259      
260       /* fix buttons height, for twitter bootstrap */ 260       /* fix buttons height, for twitter bootstrap */
261       line-height: 1em; 261       line-height: 1em;
262       262      
263       /* Animation center compensation - margins should be symmetric */ 263       /* Animation center compensation - margins should be symmetric */
264       /* remove if not needed */ 264       /* remove if not needed */
265       margin-left: .2em; 265       margin-left: .2em;
266       266      
267       /* You can be more comfortable with increased icons size */ 267       /* You can be more comfortable with increased icons size */
268       /* font-size: 120%; */ 268       /* font-size: 120%; */
269       269      
270       /* Font smoothing. That was taken from TWBS */ 270       /* Font smoothing. That was taken from TWBS */
271       -webkit-font-smoothing: antialiased; 271       -webkit-font-smoothing: antialiased;
272       -moz-osx-font-smoothing: grayscale; 272       -moz-osx-font-smoothing: grayscale;
273       273      
274       /* Uncomment for 3D effect */ 274       /* Uncomment for 3D effect */
275       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ 275       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
276     } 276     }
277      </style> 277      </style>
278     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/porto-icons-ie7.css"><![endif]--> 278     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
279     <script> 279     <script>
280       function toggleCodes(on) { 280       function toggleCodes(on) {
281         var obj = document.getElementById('icons'); 281         var obj = document.getElementById('icons');
282        282       
283         if (on) { 283         if (on) {
284           obj.className += ' codesOn'; 284           obj.className += ' codesOn';
285         } else { 285         } else {
286           obj.className = obj.className.replace(' codesOn', ''); 286           obj.className = obj.className.replace(' codesOn', '');
287         } 287         }
288       } 288       }
289        289       
290     </script> 290     </script>
291   </head> 291   </head>
292   <body> 292   <body>
293     <div class="container header"> 293     <div class="container header">
294       <h1> 294       <h1>fontello <small>font demo</small></h1>
295         fontello    
296          <
small>font demo</small>
    
297       </h1>    
298       <label class="switch"> 295       <label class="switch">
299         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes 296         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
300       </label> 297       </label>
301     </div> 298     </div>
302     <div id="icons" class="container"> 299     <div class="container" id="icons">
303       <div class="row"> 300       <div class="row">
304         <div title="Code: 0xe811" class="the-icons span3"
><i class="demo-icon porto-icon-wishlist">&#xe811;</i> <span class="i-name">porto-icon-wishlist</span><span class="i-code">0xe811</span></div>
 301         <div 
class="the-icons span3" title="Code: 0xe800"><i class="demo-icon porto-icon-spin1">&#xe800;</i> <span class="i-name">porto-icon-spin1</span><span class="i-code">0xe800</span></div>
305         <div title="Code: 0xe833" class="the-icons span3"
><i class="demo-icon porto-icon-post">&#xe833;</i> <span class="i-name">porto-icon-post</span><span class="i-code">0xe833</span></div>
 302         <div 
class="the-icons span3" title="Code: 0xe801"><i class="demo-icon porto-icon-spin2">&#xe801;</i> <span class="i-name">porto-icon-spin2</span><span class="i-code">0xe801</span></div>
306         <div title="Code: 0xe834" class="the-icons span3"
><i class="demo-icon porto-icon-country">&#xe834;</i> <span class="i-name">porto-icon-country</span><span class="i-code">0xe834</span></div>
 303         <div 
class="the-icons span3" title="Code: 0xe802"><i class="demo-icon porto-icon-spin3">&#xe802;</i> <span class="i-name">porto-icon-spin3</span><span class="i-code">0xe802</span></div>
307         <div title="Code: 0xe842" class="the-icons span3"
><i class="demo-icon porto-icon-quote-left">&#xe842;</i> <span class="i-name">porto-icon-quote-left</span><span class="i-code">0xe842</span></div>
 304         <div 
class="the-icons span3" title="Code: 0xe803"><i class="demo-icon porto-icon-spin4">&#xe803;</i> <span class="i-name">porto-icon-spin4</span><span class="i-code">0xe803</span></div>
308       </div> 305       </div>
309       <div class="row"> 306       <div class="row">
310         <div title="Code: 0xe843" class="the-icons span3"
><i class="demo-icon porto-icon-quote-right">&#xe843;</i> <span class="i-name">porto-icon-quote-right</span><span class="i-code">0xe843</span></div>
 307         <div 
class="the-icons span3" title="Code: 0xe804"><i class="demo-icon porto-icon-spin5">&#xe804;</i> <span class="i-name">porto-icon-spin5</span><span class="i-code">0xe804</span></div>
311         <div title="Code: 0xe846" class="the-icons span3"
><i class="demo-icon porto-icon-euro">&#xe846;</i> <span class="i-name">porto-icon-euro</span><span class="i-code">0xe846</span></div>
 308         <div 
class="the-icons span3" title="Code: 0xe805"><i class="demo-icon porto-icon-spin6">&#xe805;</i> <span class="i-name">porto-icon-spin6</span><span class="i-code">0xe805</span></div>
312         <div title="Code: 0xe847" class="the-icons span3"
><i class="demo-icon porto-icon-pound">&#xe847;</i> <span class="i-name">porto-icon-pound</span><span class="i-code">0xe847</span></div>
 309         <div 
class="the-icons span3" title="Code: 0xe806"><i class="demo-icon porto-icon-firefox">&#xe806;</i> <span class="i-name">porto-icon-firefox</span><span class="i-code">0xe806</span></div>
313         <div title="Code: 0xe848" class="the-icons span3"
><i class="demo-icon porto-icon-rupee">&#xe848;</i> <span class="i-name">porto-icon-rupee</span><span class="i-code">0xe848</span></div>
 310         <div 
class="the-icons span3" title="Code: 0xe807"><i class="demo-icon porto-icon-chrome">&#xe807;</i> <span class="i-name">porto-icon-chrome</span><span class="i-code">0xe807</span></div>
314       </div> 311       </div>
315       <div class="row"> 312       <div class="row">
316         <div title="Code: 0xe849" class="the-icons span3"
><i class="demo-icon porto-icon-yen">&#xe849;</i> <span class="i-name">porto-icon-yen</span><span class="i-code">0xe849</span></div>
 313         <div 
class="the-icons span3" title="Code: 0xe808"><i class="demo-icon porto-icon-opera">&#xe808;</i> <span class="i-name">porto-icon-opera</span><span class="i-code">0xe808</span></div>
317         <div title="Code: 0xe84a" class="the-icons span3"
><i class="demo-icon porto-icon-rouble">&#xe84a;</i> <span class="i-name">porto-icon-rouble</span><span class="i-code">0xe84a</span></div>
 314         <div 
class="the-icons span3" title="Code: 0xe809"><i class="demo-icon porto-icon-ie">&#xe809;</i> <span class="i-name">porto-icon-ie</span><span class="i-code">0xe809</span></div>
318         <div title="Code: 0xe84b" class="the-icons span3"
><i class="demo-icon porto-icon-try">&#xe84b;</i> <span class="i-name">porto-icon-try</span><span class="i-code">0xe84b</span></div>
 315         <div 
class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon porto-icon-money">&#xe80a;</i> <span class="i-name">porto-icon-money</span><span class="i-code">0xe80a</span></div>
319         <div title="Code: 0xe84c" class="the-icons span3"
><i class="demo-icon porto-icon-won">&#xe84c;</i> <span class="i-name">porto-icon-won</span><span class="i-code">0xe84c</span></div>
 316         <div 
class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon porto-icon-shipping">&#xe80b;</i> <span class="i-name">porto-icon-shipping</span><span class="i-code">0xe80b</span></div>
320       </div> 317       </div>
321       <div class="row"> 318       <div class="row">
322         <div title="Code: 0xe84d" class="the-icons span3"
><i class="demo-icon porto-icon-bitcoin">&#xe84d;</i> <span class="i-name">porto-icon-bitcoin</span><span class="i-code">0xe84d</span></div>
 319         <div 
class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon porto-icon-support">&#xe80c;</i> <span class="i-name">porto-icon-support</span><span class="i-code">0xe80c</span></div>
323         <div title="Code: 0xe84e" class="the-icons span3"
><i class="demo-icon porto-icon-ok-1">&#xe84e;</i> <span class="i-name">porto-icon-ok-1</span><span class="i-code">0xe84e</span></div>
 320         <div 
class="the-icons span3" title="Code: 0xe811"><i class="demo-icon porto-icon-wishlist">&#xe811;</i> <span class="i-name">porto-icon-wishlist</span><span class="i-code">0xe811</span></div>
324         <div title="Code: 0xe870" class="the-icons span3"
><i class="demo-icon porto-icon-tag-line">&#xe870;</i> <span class="i-name">porto-icon-tag-line</span><span class="i-code">0xe870</span></div>
 321         <div 
class="the-icons span3" title="Code: 0xe819"><i class="demo-icon porto-icon-angle-left">&#xe819;</i> <span class="i-name">porto-icon-angle-left</span><span class="i-code">0xe819</span></div>
325         <div title="Code: 0xe871" class="the-icons span3"
><i class="demo-icon porto-icon-bag">&#xe871;</i> <span class="i-name">porto-icon-bag</span><span class="i-code">0xe871</span></div>
 322         <div 
class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon porto-icon-angle-right">&#xe81a;</i> <span class="i-name">porto-icon-angle-right</span><span class="i-code">0xe81a</span></div>
326       </div> 323       </div>
327       <div class="row"> 324       <div class="row">
328         <div title="Code: 0xe872" class="the-icons span3"
><i class="demo-icon porto-icon-search-1">&#xe872;</i> <span class="i-name">porto-icon-search-1</span><span class="i-code">0xe872</span></div>
 325         <div 
class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon porto-icon-angle-up">&#xe81b;</i> <span class="i-name">porto-icon-angle-up</span><span class="i-code">0xe81b</span></div>
329         <div title="Code: 0xe877" class="the-icons span3"
><i class="demo-icon porto-icon-online-support">&#xe877;</i> <span class="i-name">porto-icon-online-support</span><span class="i-code">0xe877</span></div>
 326         <div 
class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon porto-icon-angle-down">&#xe81c;</i> <span class="i-name">porto-icon-angle-down</span><span class="i-code">0xe81c</span></div>
330         <div title="Code: 0xe878" class="the-icons span3"
><i class="demo-icon porto-icon-shopping-bag">&#xe878;</i> <span class="i-name">porto-icon-shopping-bag</span><span class="i-code">0xe878</span></div>
 327         <div 
class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon porto-icon-down-1">&#xe81d;</i> <span class="i-name">porto-icon-down-1</span><span class="i-code">0xe81d</span></div>
331         <div title="Code: 0xe879" class="the-icons span3"
><i class="demo-icon porto-icon-us-dollar">&#xe879;</i> <span class="i-name">porto-icon-us-dollar</span><span class="i-code">0xe879</span></div>
 328         <div 
class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon porto-icon-left-1">&#xe81e;</i> <span class="i-name">porto-icon-left-1</span><span class="i-code">0xe81e</span></div>
332       </div> 329       </div>
333       <div class="row"> 330       <div class="row">
334         <div title="Code: 0xe87a" class="the-icons span3"
><i class="demo-icon porto-icon-shipped">&#xe87a;</i> <span class="i-name">porto-icon-shipped</span><span class="i-code">0xe87a</span></div>
 331         <div 
class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon porto-icon-right-1">&#xe81f;</i> <span class="i-name">porto-icon-right-1</span><span class="i-code">0xe81f</span></div>
335         <div title="Code: 0xe87b" class="the-icons span3"
><i class="demo-icon porto-icon-list">&#xe87b;</i> <span class="i-name">porto-icon-list</span><span class="i-code">0xe87b</span></div>
 332         <div 
class="the-icons span3" title="Code: 0xe820"><i class="demo-icon porto-icon-up-1">&#xe820;</i> <span class="i-name">porto-icon-up-1</span><span class="i-code">0xe820</span></div>
336         <div title="Code: 0xe87c" class="the-icons span3"
><i class="demo-icon porto-icon-money">&#xe87c;</i> <span class="i-name">porto-icon-money</span><span class="i-code">0xe87c</span></div>
 333         <div 
class="the-icons span3" title="Code: 0xe821"><i class="demo-icon porto-icon-angle-double-left">&#xe821;</i> <span class="i-name">porto-icon-angle-double-left</span><span class="i-code">0xe821</span></div>
337         <div title="Code: 0xe87d" class="the-icons span3"
><i class="demo-icon porto-icon-shipping">&#xe87d;</i> <span class="i-name">porto-icon-shipping</span><span class="i-code">0xe87d</span></div>
 334         <div 
class="the-icons span3" title="Code: 0xe822"><i class="demo-icon porto-icon-angle-double-right">&#xe822;</i> <span class="i-name">porto-icon-angle-double-right</span><span class="i-code">0xe822</span></div>
338       </div> 335       </div>
339       <div class="row"> 336       <div class="row">
340         <div title="Code: 0xe87e" class="the-icons span3"
><i class="demo-icon porto-icon-support">&#xe87e;</i> <span class="i-name">porto-icon-support</span><span class="i-code">0xe87e</span></div>
 337         <div 
class="the-icons span3" title="Code: 0xe823"><i class="demo-icon porto-icon-angle-double-up">&#xe823;</i> <span class="i-name">porto-icon-angle-double-up</span><span class="i-code">0xe823</span></div>
341         <div title="Code: 0xe87f" class="the-icons span3"
><i class="demo-icon porto-icon-bag-2">&#xe87f;</i> <span class="i-name">porto-icon-bag-2</span><span class="i-code">0xe87f</span></div>
 338         <div 
class="the-icons span3" title="Code: 0xe824"><i class="demo-icon porto-icon-angle-double-down">&#xe824;</i> <span class="i-name">porto-icon-angle-double-down</span><span class="i-code">0xe824</span></div>
342         <div title="Code: 0xe880" class="the-icons span3"
><i class="demo-icon porto-icon-grid">&#xe880;</i> <span class="i-name">porto-icon-grid</span><span class="i-code">0xe880</span></div>
 339         <div 
class="the-icons span3" title="Code: 0xe827"><i class="demo-icon porto-icon-skype-1">&#xe827;</i> <span class="i-name">porto-icon-skype-1</span><span class="i-code">0xe827</span></div>
343         <div title="Code: 0xe881" class="the-icons span3"
><i class="demo-icon porto-icon-bag-3">&#xe881;</i> <span class="i-name">porto-icon-bag-3</span><span class="i-code">0xe881</span></div>
 340         <div 
class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon porto-icon-mail-alt-1">&#xe82e;</i> <span class="i-name">porto-icon-mail-alt-1</span><span class="i-code">0xe82e</span></div>
344       </div> 341       </div>
345       <div class="row"> 342       <div class="row">
346         <div title="Code: 0xe882" class="the-icons span3"
><i class="demo-icon porto-icon-direction">&#xe882;</i> <span class="i-name">porto-icon-direction</span><span class="i-code">0xe882</span></div>
 343         <div 
class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon porto-icon-fax">&#xe82f;</i> <span class="i-name">porto-icon-fax</span><span class="i-code">0xe82f</span></div>
347         <div title="Code: 0xe883" class="the-icons span3"
><i class="demo-icon porto-icon-home">&#xe883;</i> <span class="i-name">porto-icon-home</span><span class="i-code">0xe883</span></div>
 344         <div 
class="the-icons span3" title="Code: 0xe830"><i class="demo-icon porto-icon-lock">&#xe830;</i> <span class="i-name">porto-icon-lock</span><span class="i-code">0xe830</span></div>
348         <div title="Code: 0xe884" class="the-icons span3"
><i class="demo-icon porto-icon-magnifier">&#xe884;</i> <span class="i-name">porto-icon-magnifier</span><span class="i-code">0xe884</span></div>
 345         <div 
class="the-icons span3" title="Code: 0xe831"><i class="demo-icon porto-icon-company">&#xe831;</i> <span class="i-name">porto-icon-company</span><span class="i-code">0xe831</span></div>
349         <div title="Code: 0xe885" class="the-icons span3"
><i class="demo-icon porto-icon-magnifier-add">&#xe885;</i> <span class="i-name">porto-icon-magnifier-add</span><span class="i-code">0xe885</span></div>
 346         <div 
class="the-icons span3" title="Code: 0xe832"><i class="demo-icon porto-icon-city">&#xe832;</i> <span class="i-name">porto-icon-city</span><span class="i-code">0xe832</span></div>
350       </div> 347       </div>
351       <div class="row"> 348       <div class="row">
352         <div title="Code: 0xe886" class="the-icons span3"
><i class="demo-icon porto-icon-magnifier-remove">&#xe886;</i> <span class="i-name">porto-icon-magnifier-remove</span><span class="i-code">0xe886</span></div>
 349         <div 
class="the-icons span3" title="Code: 0xe833"><i class="demo-icon porto-icon-post">&#xe833;</i> <span class="i-name">porto-icon-post</span><span class="i-code">0xe833</span></div>
353         <div title="Code: 0xe887" class="the-icons span3"
><i class="demo-icon porto-icon-phone-1">&#xe887;</i> <span class="i-name">porto-icon-phone-1</span><span class="i-code">0xe887</span></div>
 350         <div 
class="the-icons span3" title="Code: 0xe834"><i class="demo-icon porto-icon-country">&#xe834;</i> <span class="i-name">porto-icon-country</span><span class="i-code">0xe834</span></div>
354         <div title="Code: 0xe888" class="the-icons span3"
><i class="demo-icon porto-icon-clock-1">&#xe888;</i> <span class="i-name">porto-icon-clock-1</span><span class="i-code">0xe888</span></div>
 351         <div 
class="the-icons span3" title="Code: 0xe837"><i class="demo-icon porto-icon-mobile-1">&#xe837;</i> <span class="i-name">porto-icon-mobile-1</span><span class="i-code">0xe837</span></div>
355         <div title="Code: 0xe889" class="the-icons span3"
><i class="demo-icon porto-icon-heart-1">&#xe889;</i> <span class="i-name">porto-icon-heart-1</span><span class="i-code">0xe889</span></div>
 352         <div 
class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon porto-icon-forward">&#xe83d;</i> <span class="i-name">porto-icon-forward</span><span class="i-code">0xe83d</span></div>
356       </div> 353       </div>
357       <div class="row"> 354       <div class="row">
358         <div title="Code: 0xe88b" class="the-icons span3"
><i class="demo-icon porto-icon-earphones-alt">&#xe88b;</i> <span class="i-name">porto-icon-earphones-alt</span><span class="i-code">0xe88b</span></div>
 355         <div 
class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon porto-icon-cog">&#xe83f;</i> <span class="i-name">porto-icon-cog</span><span class="i-code">0xe83f</span></div>
359         <div title="Code: 0xe88c" class="the-icons span3"
><i class="demo-icon porto-icon-credit-card">&#xe88c;</i> <span class="i-name">porto-icon-credit-card</span><span class="i-code">0xe88c</span></div>
 356         <div 
class="the-icons span3" title="Code: 0xe840"><i class="demo-icon porto-icon-cog-alt">&#xe840;</i> <span class="i-name">porto-icon-cog-alt</span><span class="i-code">0xe840</span></div>
360         <div title="Code: 0xe88d" class="the-icons span3"
><i class="demo-icon porto-icon-action-undo">&#xe88d;</i> <span class="i-name">porto-icon-action-undo</span><span class="i-code">0xe88d</span></div>
 357         <div 
class="the-icons span3" title="Code: 0xe841"><i class="demo-icon porto-icon-wrench">&#xe841;</i> <span class="i-name">porto-icon-wrench</span><span class="i-code">0xe841</span></div>
361         <div title="Code: 0xe88e" class="the-icons span3"
><i class="demo-icon porto-icon-envolope">&#xe88e;</i> <span class="i-name">porto-icon-envolope</span><span class="i-code">0xe88e</span></div>
 358         <div 
class="the-icons span3" title="Code: 0xe842"><i class="demo-icon porto-icon-quote-left">&#xe842;</i> <span class="i-name">porto-icon-quote-left</span><span class="i-code">0xe842</span></div>
362       </div> 359       </div>
363       <div class="row"> 360       <div class="row">
364         <div title="Code: 0xe88f" class="the-icons span3"
><i class="demo-icon porto-icon-chart">&#xe88f;</i> <span class="i-name">porto-icon-chart</span><span class="i-code">0xe88f</span></div>
 361         <div 
class="the-icons span3" title="Code: 0xe843"><i class="demo-icon porto-icon-quote-right">&#xe843;</i> <span class="i-name">porto-icon-quote-right</span><span class="i-code">0xe843</span></div>
365         <div title="Code: 0xf110" class="the-icons span3"
><i class="demo-icon porto-icon-spinner">&#xf110;</i> <span class="i-name">porto-icon-spinner</span><span class="i-code">0xf110</span></div>
 362         <div 
class="the-icons span3" title="Code: 0xe844"><i class="demo-icon porto-icon-gift-1">&#xe844;</i> <span class="i-name">porto-icon-gift-1</span><span class="i-code">0xe844</span></div>
366         <div title="Code: 0xf1de" class="the-icons span3"
><i class="demo-icon porto-icon-sliders">&#xf1de;</i> <span class="i-name">porto-icon-sliders</span><span class="i-code">0xf1de</span></div>
 363         <div 
class="the-icons span3" title="Code: 0xe846"><i class="demo-icon porto-icon-euro">&#xe846;</i> <span class="i-name">porto-icon-euro</span><span class="i-code">0xe846</span></div>
367         <div title="Code: 0xf291" class="the-icons span3"
><i class="demo-icon porto-icon-shopping-basket">&#xf291;</i> <span class="i-name">porto-icon-shopping-basket</span><span class="i-code">0xf291</span></div>
 364         <div 
class="the-icons span3" title="Code: 0xe847"><i class="demo-icon porto-icon-pound">&#xe847;</i> <span class="i-name">porto-icon-pound</span><span class="i-code">0xe847</span></div>
368       </div> 365       </div>
369       <div class="row"> 366       <div class="row">
370         <div title="Code: 0xf800" class="the-icons span3"
><i class="demo-icon porto-icon-up-open">&#xf800;</i> <span class="i-name">porto-icon-up-open</span><span class="i-code">0xf800</span></div>
 367         <div 
class="the-icons span3" title="Code: 0xe848"><i class="demo-icon porto-icon-rupee">&#xe848;</i> <span class="i-name">porto-icon-rupee</span><span class="i-code">0xe848</span></div>
371         <div title="Code: 0xf801" class="the-icons span3"
><i class="demo-icon porto-icon-right-open">&#xf801;</i> <span class="i-name">porto-icon-right-open</span><span class="i-code">0xf801</span></div>
 368         <div 
class="the-icons span3" title="Code: 0xe849"><i class="demo-icon porto-icon-yen">&#xe849;</i> <span class="i-name">porto-icon-yen</span><span class="i-code">0xe849</span></div>
372         <div title="Code: 0xf802" class="the-icons span3"
><i class="demo-icon porto-icon-left-open">&#xf802;</i> <span class="i-name">porto-icon-left-open</span><span class="i-code">0xf802</span></div>
 369         <div 
class="the-icons span3" title="Code: 0xe84a"><i class="demo-icon porto-icon-rouble">&#xe84a;</i> <span class="i-name">porto-icon-rouble</span><span class="i-code">0xe84a</span></div>
373         <div title="Code: 0xf803" class="the-icons span3"
><i class="demo-icon porto-icon-down-open">&#xf803;</i> <span class="i-name">porto-icon-down-open</span><span class="i-code">0xf803</span></div>
 370         <div 
class="the-icons span3" title="Code: 0xe84b"><i class="demo-icon porto-icon-try">&#xe84b;</i> <span class="i-name">porto-icon-try</span><span class="i-code">0xe84b</span></div>
374       </div> 371       </div>
375       <div class="row"> 372       <div class="row">
376         <div title="Code: 0xf804" class="the-icons span3"
><i class="demo-icon porto-icon-up-open-mini">&#xf804;</i> <span class="i-name">porto-icon-up-open-mini</span><span class="i-code">0xf804</span></div>
 373         <div 
class="the-icons span3" title="Code: 0xe84c"><i class="demo-icon porto-icon-won">&#xe84c;</i> <span class="i-name">porto-icon-won</span><span class="i-code">0xe84c</span></div>
377         <div title="Code: 0xf805" class="the-icons span3"
><i class="demo-icon porto-icon-right-open-mini">&#xf805;</i> <span class="i-name">porto-icon-right-open-mini</span><span class="i-code">0xf805</span></div>
 374         <div 
class="the-icons span3" title="Code: 0xe84d"><i class="demo-icon porto-icon-bitcoin">&#xe84d;</i> <span class="i-name">porto-icon-bitcoin</span><span class="i-code">0xe84d</span></div>
378         <div title="Code: 0xf806" class="the-icons span3"
><i class="demo-icon porto-icon-left-open-mini">&#xf806;</i> <span class="i-name">porto-icon-left-open-mini</span><span class="i-code">0xf806</span></div>
 375         <div 
class="the-icons span3" title="Code: 0xe84e"><i class="demo-icon porto-icon-ok-1">&#xe84e;</i> <span class="i-name">porto-icon-ok-1</span><span class="i-code">0xe84e</span></div>
379         <div title="Code: 0xf807" class="the-icons span3"
><i class="demo-icon porto-icon-down-open-mini">&#xf807;</i> <span class="i-name">porto-icon-down-open-mini</span><span class="i-code">0xf807</span></div>
 376         <div 
class="the-icons span3" title="Code: 0xe85b"><i class="demo-icon porto-icon-users">&#xe85b;</i> <span class="i-name">porto-icon-users</span><span class="i-code">0xe85b</span></div>
380       </div> 377       </div>
381       <div class="row"> 378       <div class="row">
382         <div title="Code: 0xf808" class="the-icons span3"
><i class="demo-icon porto-icon-up-open-big">&#xf808;</i> <span class="i-name">porto-icon-up-open-big</span><span class="i-code">0xf808</span></div>
 379         <div 
class="the-icons span3" title="Code: 0xe85c"><i class="demo-icon porto-icon-video">&#xe85c;</i> <span class="i-name">porto-icon-video</span><span class="i-code">0xe85c</span></div>
383         <div title="Code: 0xf809" class="the-icons span3"
><i class="demo-icon porto-icon-right-open-big">&#xf809;</i> <span class="i-name">porto-icon-right-open-big</span><span class="i-code">0xf809</span></div>
 380         <div 
class="the-icons span3" title="Code: 0xe85e"><i class="demo-icon porto-icon-desktop">&#xe85e;</i> <span class="i-name">porto-icon-desktop</span><span class="i-code">0xe85e</span></div>
384         <div title="Code: 0xf80a" class="the-icons span3"
><i class="demo-icon porto-icon-left-open-big">&#xf80a;</i> <span class="i-name">porto-icon-left-open-big</span><span class="i-code">0xf80a</span></div>
 381         <div 
class="the-icons span3" title="Code: 0xe85f"><i class="demo-icon porto-icon-doc-inv">&#xe85f;</i> <span class="i-name">porto-icon-doc-inv</span><span class="i-code">0xe85f</span></div>
385         <div title="Code: 0xf80b" class="the-icons span3"
><i class="demo-icon porto-icon-down-open-big">&#xf80b;</i> <span class="i-name">porto-icon-down-open-big</span><span class="i-code">0xf80b</span></div>
 382         <div 
class="the-icons span3" title="Code: 0xe860"><i class="demo-icon porto-icon-circle">&#xe860;</i> <span class="i-name">porto-icon-circle</span><span class="i-code">0xe860</span></div>
386       </div> 383       </div>
387       <div class="row"> 384       <div class="row">
388         <div title="Code: 0xf80c" class="the-icons span3"
><i class="demo-icon porto-icon-up-open-huge">&#xf80c;</i> <span class="i-name">porto-icon-up-open-huge</span><span class="i-code">0xf80c</span></div>
 385         <div 
class="the-icons span3" title="Code: 0xe862"><i class="demo-icon porto-icon-circle-thin">&#xe862;</i> <span class="i-name">porto-icon-circle-thin</span><span class="i-code">0xe862</span></div>
389         <div title="Code: 0xf80d" class="the-icons span3"
><i class="demo-icon porto-icon-right-open-huge">&#xf80d;</i> <span class="i-name">porto-icon-right-open-huge</span><span class="i-code">0xf80d</span></div>
 386         <div 
class="the-icons span3" title="Code: 0xe864"><i class="demo-icon porto-icon-paper-plane-1">&#xe864;</i> <span class="i-name">porto-icon-paper-plane-1</span><span class="i-code">0xe864</span></div>
390         <div title="Code: 0xf80e" class="the-icons span3"
><i class="demo-icon porto-icon-left-open-huge">&#xf80e;</i> <span class="i-name">porto-icon-left-open-huge</span><span class="i-code">0xf80e</span></div>
 387         <div 
class="the-icons span3" title="Code: 0xe865"><i class="demo-icon porto-icon-attention-alt">&#xe865;</i> <span class="i-name">porto-icon-attention-alt</span><span class="i-code">0xe865</span></div>
391         <div title="Code: 0xf80f" class="the-icons span3"
><i class="demo-icon porto-icon-down-open-huge">&#xf80f;</i> <span class="i-name">porto-icon-down-open-huge</span><span class="i-code">0xf80f</span></div>
 388         <div 
class="the-icons span3" title="Code: 0xe867"><i class="demo-icon porto-icon-compare-link">&#xe867;</i> <span class="i-name">porto-icon-compare-link</span><span class="i-code">0xe867</span></div>
392       </div> 389       </div>
393       <div class="row"> 390       <div class="row">
394         <div title="Code: 0xf810" class="the-icons span3"
><i class="demo-icon porto-icon-angle-up">&#xf810;</i> <span class="i-name">porto-icon-angle-up</span><span class="i-code">0xf810</span></div>
 391         <div 
class="the-icons span3" title="Code: 0xe868"><i class="demo-icon porto-icon-cat-default">&#xe868;</i> <span class="i-name">porto-icon-cat-default</span><span class="i-code">0xe868</span></div>
395         <div title="Code: 0xf811" class="the-icons span3"
><i class="demo-icon porto-icon-angle-right">&#xf811;</i> <span class="i-name">porto-icon-angle-right</span><span class="i-code">0xf811</span></div>
 392         <div 
class="the-icons span3" title="Code: 0xe870"><i class="demo-icon porto-icon-tag-line">&#xe870;</i> <span class="i-name">porto-icon-tag-line</span><span class="i-code">0xe870</span></div>
396         <div title="Code: 0xf812" class="the-icons span3"
><i class="demo-icon porto-icon-angle-left">&#xf812;</i> <span class="i-name">porto-icon-angle-left</span><span class="i-code">0xf812</span></div>
 393         <div 
class="the-icons span3" title="Code: 0xe871"><i class="demo-icon porto-icon-bag">&#xe871;</i> <span class="i-name">porto-icon-bag</span><span class="i-code">0xe871</span></div>
397         <div title="Code: 0xf813" class="the-icons span3"
><i class="demo-icon porto-icon-angle-down">&#xf813;</i> <span class="i-name">porto-icon-angle-down</span><span class="i-code">0xf813</span></div>
 394         <div 
class="the-icons span3" title="Code: 0xe872"><i class="demo-icon porto-icon-search-1">&#xe872;</i> <span class="i-name">porto-icon-search-1</span><span class="i-code">0xe872</span></div>
398       </div> 395       </div>
399       <div class="row"> 396       <div class="row">
400         <div title="Code: 0xf814" class="the-icons span3"
><i class="demo-icon porto-icon-basket">&#xf814;</i> <span class="i-name">porto-icon-basket</span><span class="i-code">0xf814</span></div>
 397         <div 
class="the-icons span3" title="Code: 0xe877"><i class="demo-icon porto-icon-online-support">&#xe877;</i> <span class="i-name">porto-icon-online-support</span><span class="i-code">0xe877</span></div>
401         <div title="Code: 0xf815" class="the-icons span3"
><i class="demo-icon porto-icon-mini-cart">&#xf815;</i> <span class="i-name">porto-icon-mini-cart</span><span class="i-code">0xf815</span></div>
 398         <div 
class="the-icons span3" title="Code: 0xe878"><i class="demo-icon porto-icon-shopping-bag">&#xe878;</i> <span class="i-name">porto-icon-shopping-bag</span><span class="i-code">0xe878</span></div>
402         <div title="Code: 0xf816" class="the-icons span3"
><i class="demo-icon porto-icon-heart">&#xf816;</i> <span class="i-name">porto-icon-heart</span><span class="i-code">0xf816</span></div>
 399         <div 
class="the-icons span3" title="Code: 0xe879"><i class="demo-icon porto-icon-us-dollar">&#xe879;</i> <span class="i-name">porto-icon-us-dollar</span><span class="i-code">0xe879</span></div>
403         <div title="Code: 0xf818" class="the-icons span3"
><i class="demo-icon porto-icon-search">&#xf818;</i> <span class="i-name">porto-icon-search</span><span class="i-code">0xf818</span></div>
 400         <div 
class="the-icons span3" title="Code: 0xe87a"><i class="demo-icon porto-icon-shipped">&#xe87a;</i> <span class="i-name">porto-icon-shipped</span><span class="i-code">0xe87a</span></div>
404       </div> 401       </div>
405       <div class="row"> 402       <div class="row">
406         <div title="Code: 0xf819" class="the-icons span3"
><i class="demo-icon porto-icon-cancel">&#xf819;</i> <span class="i-name">porto-icon-cancel</span><span class="i-code">0xf819</span></div>
 403         <div 
class="the-icons span3" title="Code: 0xe87b"><i class="demo-icon porto-icon-list">&#xe87b;</i> <span class="i-name">porto-icon-list</span><span class="i-code">0xe87b</span></div>
407         <div title="Code: 0xf81a" class="the-icons span3"
><i class="demo-icon porto-icon-cancel-mini">&#xf81a;</i> <span class="i-name">porto-icon-cancel-mini</span><span class="i-code">0xf81a</span></div>
 404         <div 
class="the-icons span3" title="Code: 0xe87f"><i class="demo-icon porto-icon-bag-2">&#xe87f;</i> <span class="i-name">porto-icon-bag-2</span><span class="i-code">0xe87f</span></div>
408         <div title="Code: 0xf820" class="the-icons span3"
><i class="demo-icon porto-icon-up-dir">&#xf820;</i> <span class="i-name">porto-icon-up-dir</span><span class="i-code">0xf820</span></div>
 405         <div 
class="the-icons span3" title="Code: 0xe880"><i class="demo-icon porto-icon-grid">&#xe880;</i> <span class="i-name">porto-icon-grid</span><span class="i-code">0xe880</span></div>
409         <div title="Code: 0xf821" class="the-icons span3"
><i class="demo-icon porto-icon-right-dir">&#xf821;</i> <span class="i-name">porto-icon-right-dir</span><span class="i-code">0xf821</span></div>
 406         <div 
class="the-icons span3" title="Code: 0xe881"><i class="demo-icon porto-icon-bag-3">&#xe881;</i> <span class="i-name">porto-icon-bag-3</span><span class="i-code">0xe881</span></div>
410       </div> 407       </div>
411       <div class="row"> 408       <div class="row">
412         <div title="Code: 0xf822" class="the-icons span3"
><i class="demo-icon porto-icon-left-dir">&#xf822;</i> <span class="i-name">porto-icon-left-dir</span><span class="i-code">0xf822</span></div>
 409         <div 
class="the-icons span3" title="Code: 0xe882"><i class="demo-icon porto-icon-direction">&#xe882;</i> <span class="i-name">porto-icon-direction</span><span class="i-code">0xe882</span></div>
413         <div title="Code: 0xf823" class="the-icons span3"
><i class="demo-icon porto-icon-down-dir">&#xf823;</i> <span class="i-name">porto-icon-down-dir</span><span class="i-code">0xf823</span></div>
 410         <div 
class="the-icons span3" title="Code: 0xe883"><i class="demo-icon porto-icon-home">&#xe883;</i> <span class="i-name">porto-icon-home</span><span class="i-code">0xe883</span></div>
414         <div title="Code: 0xf824" class="the-icons span3"
><i class="demo-icon porto-icon-phone">&#xf824;</i> <span class="i-name">porto-icon-phone</span><span class="i-code">0xf824</span></div>
 411         <div 
class="the-icons span3" title="Code: 0xe884"><i class="demo-icon porto-icon-magnifier">&#xe884;</i> <span class="i-name">porto-icon-magnifier</span><span class="i-code">0xe884</span></div>
415         <div title="Code: 0xf825" class="the-icons span3"
><i class="demo-icon porto-icon-pencil">&#xf825;</i> <span class="i-name">porto-icon-pencil</span><span class="i-code">0xf825</span></div>
 412         <div 
class="the-icons span3" title="Code: 0xe885"><i class="demo-icon porto-icon-magnifier-add">&#xe885;</i> <span class="i-name">porto-icon-magnifier-add</span><span class="i-code">0xe885</span></div>
416       </div> 413       </div>
417       <div class="row"> 414       <div class="row">
418         <div title="Code: 0xf826" class="the-icons span3"
><i class="demo-icon porto-icon-pencil-mini">&#xf826;</i> <span class="i-name">porto-icon-pencil-mini</span><span class="i-code">0xf826</span></div>
 415         <div 
class="the-icons span3" title="Code: 0xe886"><i class="demo-icon porto-icon-magnifier-remove">&#xe886;</i> <span class="i-name">porto-icon-magnifier-remove</span><span class="i-code">0xe886</span></div>
419         <div title="Code: 0xf827" class="the-icons span3"
><i class="demo-icon porto-icon-menu">&#xf827;</i> <span class="i-name">porto-icon-menu</span><span class="i-code">0xf827</span></div>
 416         <div 
class="the-icons span3" title="Code: 0xe887"><i class="demo-icon porto-icon-phone-1">&#xe887;</i> <span class="i-name">porto-icon-phone-1</span><span class="i-code">0xe887</span></div>
420         <div title="Code: 0xf828" class="the-icons span3"
><i class="demo-icon porto-icon-location">&#xf828;</i> <span class="i-name">porto-icon-location</span><span class="i-code">0xf828</span></div>
 417         <div 
class="the-icons span3" title="Code: 0xe888"><i class="demo-icon porto-icon-clock-1">&#xe888;</i> <span class="i-name">porto-icon-clock-1</span><span class="i-code">0xe888</span></div>
421         <div title="Code: 0xf829" class="the-icons span3"
><i class="demo-icon porto-icon-mail">&#xf829;</i> <span class="i-name">porto-icon-mail</span><span class="i-code">0xf829</span></div>
 418         <div 
class="the-icons span3" title="Code: 0xe889"><i class="demo-icon porto-icon-heart-1">&#xe889;</i> <span class="i-name">porto-icon-heart-1</span><span class="i-code">0xe889</span></div>
422       </div> 419       </div>
423       <div class="row"> 420       <div class="row">
424         <div title="Code: 0xf82a" class="the-icons span3"
><i class="demo-icon porto-icon-clock">&#xf82a;</i> <span class="i-name">porto-icon-clock</span><span class="i-code">0xf82a</span></div>
 421         <div 
class="the-icons span3" title="Code: 0xe88b"><i class="demo-icon porto-icon-earphones-alt">&#xe88b;</i> <span class="i-name">porto-icon-earphones-alt</span><span class="i-code">0xe88b</span></div>
425         <div title="Code: 0xf82b" class="the-icons span3"
><i class="demo-icon porto-icon-ok">&#xf82b;</i> <span class="i-name">porto-icon-ok</span><span class="i-code">0xf82b</span></div>
 422         <div 
class="the-icons span3" title="Code: 0xe88c"><i class="demo-icon porto-icon-credit-card">&#xe88c;</i> <span class="i-name">porto-icon-credit-card</span><span class="i-code">0xe88c</span></div>
426         <div title="Code: 0xf82c" class="the-icons span3"
><i class="demo-icon porto-icon-plus-squared-alt">&#xf82c;</i> <span class="i-name">porto-icon-plus-squared-alt</span><span class="i-code">0xf82c</span></div>
 423         <div 
class="the-icons span3" title="Code: 0xe88d"><i class="demo-icon porto-icon-action-undo">&#xe88d;</i> <span class="i-name">porto-icon-action-undo</span><span class="i-code">0xe88d</span></div>
427         <div title="Code: 0xf82d" class="the-icons span3"
><i class="demo-icon porto-icon-minus-squared-alt">&#xf82d;</i> <span class="i-name">porto-icon-minus-squared-alt</span><span class="i-code">0xf82d</span></div>
 424         <div 
class="the-icons span3" title="Code: 0xe88e"><i class="demo-icon porto-icon-envolope">&#xe88e;</i> <span class="i-name">porto-icon-envolope</span><span class="i-code">0xe88e</span></div>
428       </div> 425       </div>
429       <div class="row"> 426       <div class="row">
430         <div title="Code: 0xf82e" class="the-icons span3"
><i class="demo-icon porto-icon-plus-squared">&#xf82e;</i> <span class="i-name">porto-icon-plus-squared</span><span class="i-code">0xf82e</span></div>
 427         <div 
class="the-icons span3" title="Code: 0xe88f"><i class="demo-icon porto-icon-chart">&#xe88f;</i> <span class="i-name">porto-icon-chart</span><span class="i-code">0xe88f</span></div>
431         <div title="Code: 0xf82f" class="the-icons span3"
><i class="demo-icon porto-icon-minus-squared">&#xf82f;</i> <span class="i-name">porto-icon-minus-squared</span><span class="i-code">0xf82f</span></div>
 428         <div 
class="the-icons span3" title="Code: 0xe8b9"><i class="demo-icon porto-icon-user-1">&#xe8b9;</i> <span class="i-name">porto-icon-user-1</span><span class="i-code">0xe8b9</span></div>
432         <div title="Code: 0xf830" class="the-icons span3"
><i class="demo-icon porto-icon-truck">&#xf830;</i> <span class="i-name">porto-icon-truck</span><span class="i-code">0xf830</span></div>
 429         <div 
class="the-icons span3" title="Code: 0xe8ba"><i class="demo-icon porto-icon-shopping-cart">&#xe8ba;</i> <span class="i-name">porto-icon-shopping-cart</span><span class="i-code">0xe8ba</span></div>
433         <div title="Code: 0xf831" class="the-icons span3"
><i class="demo-icon porto-icon-dollar">&#xf831;</i> <span class="i-name">porto-icon-dollar</span><span class="i-code">0xf831</span></div>
 430         <div 
class="the-icons span3" title="Code: 0xe8bb"><i class="demo-icon porto-icon-phone-2">&#xe8bb;</i> <span class="i-name">porto-icon-phone-2</span><span class="i-code">0xe8bb</span></div>
434       </div> 431       </div>
435       <div class="row"> 432       <div class="row">
436         <div title="Code: 0xf832" class="the-icons span3"
><i class="demo-icon porto-icon-lifebuoy">&#xf832;</i> <span class="i-name">porto-icon-lifebuoy</span><span class="i-code">0xf832</span></div>
 433         <div 
class="the-icons span3" title="Code: 0xe8c1"><i class="demo-icon porto-icon-check-circle">&#xe8c1;</i> <span class="i-name">porto-icon-check-circle</span><span class="i-code">0xe8c1</span></div>
437         <div title="Code: 0xf833" class="the-icons span3"
><i class="demo-icon porto-icon-facebook">&#xf833;</i> <span class="i-name">porto-icon-facebook</span><span class="i-code">0xf833</span></div>
 434         <div 
class="the-icons span3" title="Code: 0xe8c4"><i class="demo-icon porto-icon-arrow-right-solid">&#xe8c4;</i> <span class="i-name">porto-icon-arrow-right-solid</span><span class="i-code">0xe8c4</span></div>
438         <div title="Code: 0xf834" class="the-icons span3"
><i class="demo-icon porto-icon-twitter">&#xf834;</i> <span class="i-name">porto-icon-twitter</span><span class="i-code">0xf834</span></div>
 435         <div 
class="the-icons span3" title="Code: 0xe8c5"><i class="demo-icon porto-icon-check-solid">&#xe8c5;</i> <span class="i-name">porto-icon-check-solid</span><span class="i-code">0xe8c5</span></div>
439         <div title="Code: 0xf835" class="the-icons span3"
><i class="demo-icon porto-icon-linkedin-squared">&#xf835;</i> <span class="i-name">porto-icon-linkedin-squared</span><span class="i-code">0xf835</span></div>
 436         <div 
class="the-icons span3" title="Code: 0xe900"><i class="demo-icon porto-icon-category-home">&#xe900;</i> <span class="i-name">porto-icon-category-home</span><span class="i-code">0xe900</span></div>
440       </div> 437       </div>
441       <div class="row"> 438       <div class="row">
442         <div title="Code: 0xf836" class="the-icons span3"
><i class="demo-icon porto-icon-pinterest">&#xf836;</i> <span class="i-name">porto-icon-pinterest</span><span class="i-code">0xf836</span></div>
 439         <div 
class="the-icons span3" title="Code: 0xe901"><i class="demo-icon porto-icon-category-motors">&#xe901;</i> <span class="i-name">porto-icon-category-motors</span><span class="i-code">0xe901</span></div>
443         <div title="Code: 0xf837" class="the-icons span3"
><i class="demo-icon porto-icon-gplus">&#xf837;</i> <span class="i-name">porto-icon-gplus</span><span class="i-code">0xf837</span></div>
 440         <div 
class="the-icons span3" title="Code: 0xe902"><i class="demo-icon porto-icon-category-music">&#xe902;</i> <span class="i-name">porto-icon-category-music</span><span class="i-code">0xe902</span></div>
444         <div title="Code: 0xf838" class="the-icons span3"
><i class="demo-icon porto-icon-youtube">&#xf838;</i> <span class="i-name">porto-icon-youtube</span><span class="i-code">0xf838</span></div>
 441         <div 
class="the-icons span3" title="Code: 0xe903"><i class="demo-icon porto-icon-category-gifts">&#xe903;</i> <span class="i-name">porto-icon-category-gifts</span><span class="i-code">0xe903</span></div>
445         <div title="Code: 0xf839" class="the-icons span3"
><i class="demo-icon porto-icon-th">&#xf839;</i> <span class="i-name">porto-icon-th</span><span class="i-code">0xf839</span></div>
 442         <div 
class="the-icons span3" title="Code: 0xe904"><i class="demo-icon porto-icon-category-electronics">&#xe904;</i> <span class="i-name">porto-icon-category-electronics</span><span class="i-code">0xe904</span></div>
446       </div> 443       </div>
447       <div class="row"> 444       <div class="row">
448         <div title="Code: 0xf83a" class="the-icons span3"
><i class="demo-icon porto-icon-th-list">&#xf83a;</i> <span class="i-name">porto-icon-th-list</span><span class="i-code">0xf83a</span></div>
 445         <div 
class="the-icons span3" title="Code: 0xe905"><i class="demo-icon porto-icon-category-fashion">&#xe905;</i> <span class="i-name">porto-icon-category-fashion</span><span class="i-code">0xe905</span></div>
449         <div title="Code: 0xf83b" class="the-icons span3"
><i class="demo-icon porto-icon-chart-bar">&#xf83b;</i> <span class="i-name">porto-icon-chart-bar</span><span class="i-code">0xf83b</span></div>
 446         <div 
class="the-icons span3" title="Code: 0xe906"><i class="demo-icon porto-icon-category-hot-deals">&#xe906;</i> <span class="i-name">porto-icon-category-hot-deals</span><span class="i-code">0xe906</span></div>
450         <div title="Code: 0xf83c" class="the-icons span3"
><i class="demo-icon porto-icon-heart-empty">&#xf83c;</i> <span class="i-name">porto-icon-heart-empty</span><span class="i-code">0xf83c</span></div>
 447         <div 
class="the-icons span3" title="Code: 0xe907"><i class="demo-icon porto-icon-tag-percent">&#xe907;</i> <span class="i-name">porto-icon-tag-percent</span><span class="i-code">0xe907</span></div>
451         <div title="Code: 0xf83d" class="the-icons span3"
><i class="demo-icon porto-icon-instagram">&#xf83d;</i> <span class="i-name">porto-icon-instagram</span><span class="i-code">0xf83d</span></div>
 448         <div 
class="the-icons span3" title="Code: 0xe908"><i class="demo-icon porto-icon-console">&#xe908;</i> <span class="i-name">porto-icon-console</span><span class="i-code">0xe908</span></div>
452       </div> 449       </div>
453       <div class="row"> 450       <div class="row">
454         <div title="Code: 0xf840" class="the-icons span3"
><i class="demo-icon porto-icon-up">&#xf840;</i> <span class="i-name">porto-icon-up</span><span class="i-code">0xf840</span></div>
 451         <div 
class="the-icons span3" title="Code: 0xe909"><i class="demo-icon porto-icon-category-furniture">&#xe909;</i> <span class="i-name">porto-icon-category-furniture</span><span class="i-code">0xe909</span></div>
455         <div title="Code: 0xf841" class="the-icons span3"
><i class="demo-icon porto-icon-right">&#xf841;</i> <span class="i-name">porto-icon-right</span><span class="i-code">0xf841</span></div>
 452         <div 
class="the-icons span3" title="Code: 0xe90a"><i class="demo-icon porto-icon-category-garden">&#xe90a;</i> <span class="i-name">porto-icon-category-garden</span><span class="i-code">0xe90a</span></div>
456         <div title="Code: 0xf842" class="the-icons span3"
><i class="demo-icon porto-icon-down">&#xf842;</i> <span class="i-name">porto-icon-down</span><span class="i-code">0xf842</span></div>
 453         <div 
class="the-icons span3" title="Code: 0xe90b"><i class="demo-icon porto-icon-category-lanterns-lighting">&#xe90b;</i> <span class="i-name">porto-icon-category-lanterns-lighting</span><span class="i-code">0xe90b</span></div>
457         <div title="Code: 0xf843" class="the-icons span3"
><i class="demo-icon porto-icon-left">&#xf843;</i> <span class="i-name">porto-icon-left</span><span class="i-code">0xf843</span></div>
 454         <div 
class="the-icons span3" title="Code: 0xe90c"><i class="demo-icon porto-icon-category-mechanics">&#xe90c;</i> <span class="i-name">porto-icon-category-mechanics</span><span class="i-code">0xe90c</span></div>
458       </div> 455       </div>
459       <div class="row"> 456       <div class="row">
460         <div title="Code: 0xf844" class="the-icons span3"
><i class="demo-icon porto-icon-star">&#xf844;</i> <span class="i-name">porto-icon-star</span><span class="i-code">0xf844</span></div>
 457         <div 
class="the-icons span3" title="Code: 0xe90d"><i class="demo-icon porto-icon-category-motorcycles">&#xe90d;</i> <span class="i-name">porto-icon-category-motorcycles</span><span class="i-code">0xe90d</span></div>
461         <div title="Code: 0xf845" class="the-icons span3"
><i class="demo-icon porto-icon-star-empty">&#xf845;</i> <span class="i-name">porto-icon-star-empty</span><span class="i-code">0xf845</span></div>
 458         <div 
class="the-icons span3" title="Code: 0xe90e"><i class="demo-icon porto-icon-category-sound-video">&#xe90e;</i> <span class="i-name">porto-icon-category-sound-video</span><span class="i-code">0xe90e</span></div>
462         <div title="Code: 0xf846" class="the-icons span3"
><i class="demo-icon porto-icon-ok-circled">&#xf846;</i> <span class="i-name">porto-icon-ok-circled</span><span class="i-code">0xf846</span></div>
 459         <div 
class="the-icons span3" title="Code: 0xe90f"><i class="demo-icon porto-icon-category-steering">&#xe90f;</i> <span class="i-name">porto-icon-category-steering</span><span class="i-code">0xe90f</span></div>
463         <div title="Code: 0xf847" class="the-icons span3"
><i class="demo-icon porto-icon-cancel-circled">&#xf847;</i> <span class="i-name">porto-icon-cancel-circled</span><span class="i-code">0xf847</span></div>
 460         <div 
class="the-icons span3" title="Code: 0xe910"><i class="demo-icon porto-icon-category-external-accessories">&#xe910;</i> <span class="i-name">porto-icon-category-external-accessories</span><span class="i-code">0xe910</span></div>
464       </div> 461       </div>
465       <div class="row"> 462       <div class="row">
466         <div title="Code: 0xf848" class="the-icons span3"
><i class="demo-icon porto-icon-help-circled">&#xf848;</i> <span class="i-name">porto-icon-help-circled</span><span class="i-code">0xf848</span></div>
 463         <div 
class="the-icons span3" title="Code: 0xe911"><i class="demo-icon porto-icon-category-fluids">&#xe911;</i> <span class="i-name">porto-icon-category-fluids</span><span class="i-code">0xe911</span></div>
467         <div title="Code: 0xf849" class="the-icons span3"
><i class="demo-icon porto-icon-info-circled">&#xf849;</i> <span class="i-name">porto-icon-info-circled</span><span class="i-code">0xf849</span></div>
 464         <div 
class="the-icons span3" title="Code: 0xe912"><i class="demo-icon porto-icon-category-internal-accessories">&#xe912;</i> <span class="i-name">porto-icon-category-internal-accessories</span><span class="i-code">0xe912</span></div>
468         <div title="Code: 0xf84a" class="the-icons span3"
><i class="demo-icon porto-icon-attention">&#xf84a;</i> <span class="i-name">porto-icon-attention</span><span class="i-code">0xf84a</span></div>
 465         <div 
class="the-icons span3" title="Code: 0xe913"><i class="demo-icon porto-icon-category-chains">&#xe913;</i> <span class="i-name">porto-icon-category-chains</span><span class="i-code">0xe913</span></div>
469         <div title="Code: 0xf84b" class="the-icons span3"
><i class="demo-icon porto-icon-mobile">&#xf84b;</i> <span class="i-name">porto-icon-mobile</span><span class="i-code">0xf84b</span></div>
 466         <div 
class="the-icons span3" title="Code: 0xe914"><i class="demo-icon porto-icon-category-frames">&#xe914;</i> <span class="i-name">porto-icon-category-frames</span><span class="i-code">0xe914</span></div>
470       </div> 467       </div>
471       <div class="row"> 468       <div class="row">
472         <div title="Code: 0xf84c" class="the-icons span3"
><i class="demo-icon porto-icon-mail-alt">&#xf84c;</i> <span class="i-name">porto-icon-mail-alt</span><span class="i-code">0xf84c</span></div>
 469         <div 
class="the-icons span3" title="Code: 0xe915"><i class="demo-icon porto-icon-category-pedals">&#xe915;</i> <span class="i-name">porto-icon-category-pedals</span><span class="i-code">0xe915</span></div>
473         <div title="Code: 0xf84d" class="the-icons span3"
><i class="demo-icon porto-icon-skype">&#xf84d;</i> <span class="i-name">porto-icon-skype</span><span class="i-code">0xf84d</span></div>
 470         <div 
class="the-icons span3" title="Code: 0xe916"><i class="demo-icon porto-icon-category-saddle">&#xe916;</i> <span class="i-name">porto-icon-category-saddle</span><span class="i-code">0xe916</span></div>
474         <div title="Code: 0xf84e" class="the-icons span3"
><i class="demo-icon porto-icon-doc">&#xf84e;</i> <span class="i-name">porto-icon-doc</span><span class="i-code">0xf84e</span></div>
 471         <div 
class="the-icons span3" title="Code: 0xe917"><i class="demo-icon porto-icon-category-tools">&#xe917;</i> <span class="i-name">porto-icon-category-tools</span><span class="i-code">0xe917</span></div>
475         <div title="Code: 0xf850" class="the-icons span3"
><i class="demo-icon porto-icon-user">&#xf850;</i> <span class="i-name">porto-icon-user</span><span class="i-code">0xf850</span></div>
 472         <div 
class="the-icons span3" title="Code: 0xe918"><i class="demo-icon porto-icon-search-4">&#xe918;</i> <span class="i-name">porto-icon-search-4</span><span class="i-code">0xe918</span></div>
476       </div> 473       </div>
477       <div class="row"> 474       <div class="row">
478         <div title="Code: 0xf851" class="the-icons span3"
><i class="demo-icon porto-icon-help">&#xf851;</i> <span class="i-name">porto-icon-help</span><span class="i-code">0xf851</span></div>
 475         <div 
class="the-icons span3" title="Code: 0xe919"><i class="demo-icon porto-icon-secure-payment">&#xe919;</i> <span class="i-name">porto-icon-secure-payment</span><span class="i-code">0xe919</span></div>
479         <div title="Code: 0xf852" class="the-icons span3"
><i class="demo-icon porto-icon-info">&#xf852;</i> <span class="i-name">porto-icon-info</span><span class="i-code">0xf852</span></div>
 476         <div 
class="the-icons span3" title="Code: 0xe91a"><i class="demo-icon porto-icon-user-2">&#xe91a;</i> <span class="i-name">porto-icon-user-2</span><span class="i-code">0xe91a</span></div>
480         <div title="Code: 0xf853" class="the-icons span3"
><i class="demo-icon porto-icon-help-circled-alt">&#xf853;</i> <span class="i-name">porto-icon-help-circled-alt</span><span class="i-code">0xf853</span></div>
 477         <div 
class="the-icons span3" title="Code: 0xe91b"><i class="demo-icon porto-icon-wishlist-2">&#xe91b;</i> <span class="i-name">porto-icon-wishlist-2</span><span class="i-code">0xe91b</span></div>
481         <div title="Code: 0xf854" class="the-icons span3"
><i class="demo-icon porto-icon-info-circled-alt">&#xf854;</i> <span class="i-name">porto-icon-info-circled-alt</span><span class="i-code">0xf854</span></div>
 478         <div 
class="the-icons span3" title="Code: 0xe91c"><i class="demo-icon porto-icon-gift2">&#xe91c;</i> <span class="i-name">porto-icon-gift2</span><span class="i-code">0xe91c</span></div>
482       </div> 479       </div>
483       <div class="row"> 480       <div class="row">
484         <div title="Code: 0xf855" class="the-icons span3"
><i class="demo-icon porto-icon-chevron-left">&#xf855;</i> <span class="i-name">porto-icon-chevron-left</span><span class="i-code">0xf855</span></div>
 481         <div 
class="the-icons span3" title="Code: 0xe91d"><i class="demo-icon porto-icon-edit">&#xe91d;</i> <span class="i-name">porto-icon-edit</span><span class="i-code">0xe91d</span></div>
485         <div title="Code: 0xf856" class="the-icons span3"
><i class="demo-icon porto-icon-chevron-right">&#xf856;</i> <span class="i-name">porto-icon-chevron-right</span><span class="i-code">0xf856</span></div>
 482         <div 
class="the-icons span3" title="Code: 0xe91e"><i class="demo-icon porto-icon-chef">&#xe91e;</i> <span class="i-name">porto-icon-chef</span><span class="i-code">0xe91e</span></div>
486         <div title="Code: 0xf857" class="the-icons span3"
><i class="demo-icon porto-icon-reply">&#xf857;</i> <span class="i-name">porto-icon-reply</span><span class="i-code">0xf857</span></div>
 483         <div 
class="the-icons span3" title="Code: 0xe91f"><i class="demo-icon porto-icon-smiling-girl">&#xe91f;</i> <span class="i-name">porto-icon-smiling-girl</span><span class="i-code">0xe91f</span></div>
487         <div title="Code: 0xf858" class="the-icons span3"
><i class="demo-icon porto-icon-paper-plane">&#xf858;</i> <span class="i-name">porto-icon-paper-plane</span><span class="i-code">0xf858</span></div>
 484         <div 
class="the-icons span3" title="Code: 0xe920"><i class="demo-icon porto-icon-tshirt">&#xe920;</i> <span class="i-name">porto-icon-tshirt</span><span class="i-code">0xe920</span></div>
488       </div> 485       </div>
489       <div class="row"> 486       <div class="row">
490         <div title="Code: 0xf859" class="the-icons span3"
><i class="demo-icon porto-icon-magnify">&#xf859;</i> <span class="i-name">porto-icon-magnify</span><span class="i-code">0xf859</span></div>
 487         <div 
class="the-icons span3" title="Code: 0xe921"><i class="demo-icon porto-icon-boy-broad-smile">&#xe921;</i> <span class="i-name">porto-icon-boy-broad-smile</span><span class="i-code">0xe921</span></div>
491         <div title="Code: 0xf85a" class="the-icons span3"
><i class="demo-icon porto-icon-zoom-in">&#xf85a;</i> <span class="i-name">porto-icon-zoom-in</span><span class="i-code">0xf85a</span></div>
 488         <div 
class="the-icons span3" title="Code: 0xe922"><i class="demo-icon porto-icon-smiling-baby">&#xe922;</i> <span class="i-name">porto-icon-smiling-baby</span><span class="i-code">0xe922</span></div>
492         <div title="Code: 0xf85b" class="the-icons span3"
><i class="demo-icon porto-icon-zoom-out">&#xf85b;</i> <span class="i-name">porto-icon-zoom-out</span><span class="i-code">0xf85b</span></div>
 489         <div 
class="the-icons span3" title="Code: 0xe923"><i class="demo-icon porto-icon-menu-button-of-three-lines-outline">&#xe923;</i> <span class="i-name">porto-icon-menu-button-of-three-lines-outline</span><span class="i-code">0xe923</span></div>
493         <div title="Code: 0xf860" class="the-icons span3"
><i class="demo-icon porto-icon-chat">&#xf860;</i> <span class="i-name">porto-icon-chat</span><span class="i-code">0xf860</span></div>
 490         <div 
class="the-icons span3" title="Code: 0xf110"><i class="demo-icon porto-icon-spinner">&#xf110;</i> <span class="i-name">porto-icon-spinner</span><span class="i-code">0xf110</span></div>
494       </div> 491       </div>
495       <div class="row"> 492       <div class="row">
496         <div title="Code: 0xf861" class="the-icons span3"
><i class="demo-icon porto-icon-folder">&#xf861;</i> <span class="i-name">porto-icon-folder</span><span class="i-code">0xf861</span></div>
 493         <div 
class="the-icons span3" title="Code: 0xf1de"><i class="demo-icon porto-icon-sliders">&#xf1de;</i> <span class="i-name">porto-icon-sliders</span><span class="i-code">0xf1de</span></div>
497         <div title="Code: 0xf862" class="the-icons span3"
><i class="demo-icon porto-icon-folder-open">&#xf862;</i> <span class="i-name">porto-icon-folder-open</span><span class="i-code">0xf862</span></div>
 494         <div 
class="the-icons span3" title="Code: 0xf291"><i class="demo-icon porto-icon-shopping-basket">&#xf291;</i> <span class="i-name">porto-icon-shopping-basket</span><span class="i-code">0xf291</span></div>
498         <div title="Code: 0xf863" class="the-icons span3"
><i class="demo-icon porto-icon-tag">&#xf863;</i> <span class="i-name">porto-icon-tag</span><span class="i-code">0xf863</span></div>
 495         <div 
class="the-icons span3" title="Code: 0xf309"><i class="demo-icon porto-icon-long-arrow-alt-down">&#xf309;</i> <span class="i-name">porto-icon-long-arrow-alt-down</span><span class="i-code">0xf309</span></div>
499         <div title="Code: 0xf864" class="the-icons span3"
><i class="demo-icon porto-icon-tags">&#xf864;</i> <span class="i-name">porto-icon-tags</span><span class="i-code">0xf864</span></div>
 496         <div 
class="the-icons span3" title="Code: 0xf30a"><i class="demo-icon porto-icon-long-arrow-alt-left">&#xf30a;</i> <span class="i-name">porto-icon-long-arrow-alt-left</span><span class="i-code">0xf30a</span></div>
500       </div> 497       </div>
501       <div class="row"> 498       <div class="row">
502         <div title="Code: 0xf865" class="the-icons span3"
><i class="demo-icon porto-icon-calendar">&#xf865;</i> <span class="i-name">porto-icon-calendar</span><span class="i-code">0xf865</span></div>
 499         <div 
class="the-icons span3" title="Code: 0xf30b"><i class="demo-icon porto-icon-long-arrow-alt-right">&#xf30b;</i> <span class="i-name">porto-icon-long-arrow-alt-right</span><span class="i-code">0xf30b</span></div>
503         <div title="Code: 0xf870" class="the-icons span3"
><i class="demo-icon porto-icon-circle-empty">&#xf870;</i> <span class="i-name">porto-icon-circle-empty</span><span class="i-code">0xf870</span></div>
 500         <div 
class="the-icons span3" title="Code: 0xf30c"><i class="demo-icon porto-icon-long-arrow-alt-up">&#xf30c;</i> <span class="i-name">porto-icon-long-arrow-alt-up</span><span class="i-code">0xf30c</span></div>
504         <div title="Code: 0xf871" class="the-icons span3"
><i class="demo-icon porto-icon-shirt">&#xf871;</i> <span class="i-name">porto-icon-shirt</span><span class="i-code">0xf871</span></div>
 501         <div 
class="the-icons span3" title="Code: 0xf800"><i class="demo-icon porto-icon-up-open">&#xf800;</i> <span class="i-name">porto-icon-up-open</span><span class="i-code">0xf800</span></div>
505         <div title="Code: 0xf872" class="the-icons span3"
><i class="demo-icon porto-icon-computer">&#xf872;</i> <span class="i-name">porto-icon-computer</span><span class="i-code">0xf872</span></div>
 502         <div 
class="the-icons span3" title="Code: 0xf801"><i class="demo-icon porto-icon-right-open">&#xf801;</i> <span class="i-name">porto-icon-right-open</span><span class="i-code">0xf801</span></div>
506       </div> 503       </div>
507       <div class="row"> 504       <div class="row">
508         <div title="Code: 0xf873" class="the-icons span3"
><i class="demo-icon porto-icon-toys">&#xf873;</i> <span class="i-name">porto-icon-toys</span><span class="i-code">0xf873</span></div>
 505         <div 
class="the-icons span3" title="Code: 0xf802"><i class="demo-icon porto-icon-left-open">&#xf802;</i> <span class="i-name">porto-icon-left-open</span><span class="i-code">0xf802</span></div>
509         <div title="Code: 0xf874" class="the-icons span3"
><i class="demo-icon porto-icon-garden">&#xf874;</i> <span class="i-name">porto-icon-garden</span><span class="i-code">0xf874</span></div>
 506         <div 
class="the-icons span3" title="Code: 0xf803"><i class="demo-icon porto-icon-down-open">&#xf803;</i> <span class="i-name">porto-icon-down-open</span><span class="i-code">0xf803</span></div>
510         <div title="Code: 0xf875" class="the-icons span3"
><i class="demo-icon porto-icon-couch">&#xf875;</i> <span class="i-name">porto-icon-couch</span><span class="i-code">0xf875</span></div>
 507         <div 
class="the-icons span3" title="Code: 0xf804"><i class="demo-icon porto-icon-up-open-mini">&#xf804;</i> <span class="i-name">porto-icon-up-open-mini</span><span class="i-code">0xf804</span></div>
511         <div title="Code: 0xf876" class="the-icons span3"
><i class="demo-icon porto-icon-sports">&#xf876;</i> <span class="i-name">porto-icon-sports</span><span class="i-code">0xf876</span></div>
 508         <div 
class="the-icons span3" title="Code: 0xf805"><i class="demo-icon porto-icon-right-open-mini">&#xf805;</i> <span class="i-name">porto-icon-right-open-mini</span><span class="i-code">0xf805</span></div>
512       </div> 509       </div>
513       <div class="row"> 510       <div class="row">
514         <div title="Code: 0xf877" class="the-icons span3"
><i class="demo-icon porto-icon-gift">&#xf877;</i> <span class="i-name">porto-icon-gift</span><span class="i-code">0xf877</span></div>
 511         <div 
class="the-icons span3" title="Code: 0xf806"><i class="demo-icon porto-icon-left-open-mini">&#xf806;</i> <span class="i-name">porto-icon-left-open-mini</span><span class="i-code">0xf806</span></div>
515         <div title="Code: 0xf878" class="the-icons span3"
><i class="demo-icon porto-icon-eye">&#xf878;</i> <span class="i-name">porto-icon-eye</span><span class="i-code">0xf878</span></div>
 512         <div 
class="the-icons span3" title="Code: 0xf807"><i class="demo-icon porto-icon-down-open-mini">&#xf807;</i> <span class="i-name">porto-icon-down-open-mini</span><span class="i-code">0xf807</span></div>
516         <div title="Code: 0xf879" class="the-icons span3"
><i class="demo-icon porto-icon-export">&#xf879;</i> <span class="i-name">porto-icon-export</span><span class="i-code">0xf879</span></div>
 513         <div 
class="the-icons span3" title="Code: 0xf808"><i class="demo-icon porto-icon-up-open-big">&#xf808;</i> <span class="i-name">porto-icon-up-open-big</span><span class="i-code">0xf808</span></div>
517         <div title="Code: 0xf87a" class="the-icons span3"
><i class="demo-icon porto-icon-bag-4">&#xf87a;</i> <span class="i-name">porto-icon-bag-4</span><span class="i-code">0xf87a</span></div>
 514         <div 
class="the-icons span3" title="Code: 0xf809"><i class="demo-icon porto-icon-right-open-big">&#xf809;</i> <span class="i-name">porto-icon-right-open-big</span><span class="i-code">0xf809</span></div>
518       </div> 515       </div>
519       <div class="row"> 516       <div class="row">
520         <div title="Code: 0xf87b" class="the-icons span3"
><i class="demo-icon porto-icon-search-3">&#xf87b;</i> <span class="i-name">porto-icon-search-3</span><span class="i-code">0xf87b</span></div>
 517         <div 
class="the-icons span3" title="Code: 0xf80a"><i class="demo-icon porto-icon-left-open-big">&#xf80a;</i> <span class="i-name">porto-icon-left-open-big</span><span class="i-code">0xf80a</span></div>
521         <div title="Code: 0xf87c" class="the-icons span3"
><i class="demo-icon porto-icon-check">&#xf87c;</i> <span class="i-name">porto-icon-check</span><span class="i-code">0xf87c</span></div>
 518         <div 
class="the-icons span3" title="Code: 0xf80b"><i class="demo-icon porto-icon-down-open-big">&#xf80b;</i> <span class="i-name">porto-icon-down-open-big</span><span class="i-code">0xf80b</span></div>
522         <div title="Code: 0xf87d" class="the-icons span3"
><i class="demo-icon porto-icon-check-empty">&#xf87d;</i> <span class="i-name">porto-icon-check-empty</span><span class="i-code">0xf87d</span></div>
 519         <div 
class="the-icons span3" title="Code: 0xf80c"><i class="demo-icon porto-icon-up-open-huge">&#xf80c;</i> <span class="i-name">porto-icon-up-open-huge</span><span class="i-code">0xf80c</span></div>
523         <div title="Code: 0xf880" class="the-icons span3"
><i class="demo-icon porto-icon-search-2">&#xf880;</i> <span class="i-name">porto-icon-search-2</span><span class="i-code">0xf880</span></div>
 520         <div 
class="the-icons span3" title="Code: 0xf80d"><i class="demo-icon porto-icon-right-open-huge">&#xf80d;</i> <span class="i-name">porto-icon-right-open-huge</span><span class="i-code">0xf80d</span></div>
524       </div> 521       </div>
525       <div class="row"> 522       <div class="row">
526         <div title="Code: 0xf881" class="the-icons span3"
><i class="demo-icon porto-icon-bag-1">&#xf881;</i> <span class="i-name">porto-icon-bag-1</span><span class="i-code">0xf881</span></div>
 523         <div class="the-icons span3" title="Code: 0xf80e"><i class="demo-icon porto-icon-left-open-huge">&#xf80e;</i> <span class="i-name">porto-icon-left-open-huge</span><span class="i-code">0xf80e</span></div>
527         <div title="Code: 0xf882" class="the-icons span3"
><i class="demo-icon porto-icon-plus">&#xf882;</i> <span class="i-name">porto-icon-plus</span><span class="i-code">0xf882</span></div>
 524         <div class="the-icons span3" title="Code: 0xf80f"><i class="demo-icon porto-icon-down-open-huge">&#xf80f;</i> <span class="i-name">porto-icon-down-open-huge</span><span class="i-code">0xf80f</span></div>
528         <div title="Code: 0xf883" class="the-icons span3"
><i class="demo-icon porto-icon-minus">&#xf883;</i> <span class="i-name">porto-icon-minus</span><span class="i-code">0xf883</span></div>
 525         <div class="the-icons span3" title="Code: 0xf814"><i class="demo-icon porto-icon-basket">&#xf814;</i> <span class="i-name">porto-icon-basket</span><span class="i-code">0xf814</span></div>
    526         <div class="the-icons span3" title="Code: 0xf815"><i class="demo-icon porto-icon-mini-cart">&#xf815;</i> <span class="i-name">porto-icon-mini-cart</span><span class="i-code">0xf815</span></div>
    527       </div>
    528       <div class="row">
    529         <div class="the-icons span3" title="Code: 0xf816"><i class="demo-icon porto-icon-heart">&#xf816;</i> <span class="i-name">porto-icon-heart</span><span class="i-code">0xf816</span></div>
    530         <div class="the-icons span3" title="Code: 0xf818"><i class="demo-icon porto-icon-search">&#xf818;</i> <span class="i-name">porto-icon-search</span><span class="i-code">0xf818</span></div>
    531         <div class="the-icons span3" title="Code: 0xf819"><i class="demo-icon porto-icon-cancel">&#xf819;</i> <span class="i-name">porto-icon-cancel</span><span class="i-code">0xf819</span></div>
    532         <div class="the-icons span3" title="Code: 0xf81a"><i class="demo-icon porto-icon-cancel-mini">&#xf81a;</i> <span class="i-name">porto-icon-cancel-mini</span><span class="i-code">0xf81a</span></div>
    533       </div>
    534       <div class="row">
    535         <div class="the-icons span3" title="Code: 0xf820"><i class="demo-icon porto-icon-up-dir">&#xf820;</i> <span class="i-name">porto-icon-up-dir</span><span class="i-code">0xf820</span></div>
    536         <div class="the-icons span3" title="Code: 0xf821"><i class="demo-icon porto-icon-right-dir">&#xf821;</i> <span class="i-name">porto-icon-right-dir</span><span class="i-code">0xf821</span></div>
    537         <div class="the-icons span3" title="Code: 0xf822"><i class="demo-icon porto-icon-left-dir">&#xf822;</i> <span class="i-name">porto-icon-left-dir</span><span class="i-code">0xf822</span></div>
    538         <div class="the-icons span3" title="Code: 0xf823"><i class="demo-icon porto-icon-down-dir">&#xf823;</i> <span class="i-name">porto-icon-down-dir</span><span class="i-code">0xf823</span></div>
    539       </div>
    540       <div class="row">
    541         <div class="the-icons span3" title="Code: 0xf824"><i class="demo-icon porto-icon-phone">&#xf824;</i> <span class="i-name">porto-icon-phone</span><span class="i-code">0xf824</span></div>
    542         <div class="the-icons span3" title="Code: 0xf825"><i class="demo-icon porto-icon-pencil">&#xf825;</i> <span class="i-name">porto-icon-pencil</span><span class="i-code">0xf825</span></div>
    543         <div class="the-icons span3" title="Code: 0xf826"><i class="demo-icon porto-icon-pencil-mini">&#xf826;</i> <span class="i-name">porto-icon-pencil-mini</span><span class="i-code">0xf826</span></div>
    544         <div class="the-icons span3" title="Code: 0xf827"><i class="demo-icon porto-icon-menu">&#xf827;</i> <span class="i-name">porto-icon-menu</span><span class="i-code">0xf827</span></div>
    545       </div>
    546       <div class="row">
    547         <div class="the-icons span3" title="Code: 0xf828"><i class="demo-icon porto-icon-location">&#xf828;</i> <span class="i-name">porto-icon-location</span><span class="i-code">0xf828</span></div>
    548         <div class="the-icons span3" title="Code: 0xf829"><i class="demo-icon porto-icon-mail">&#xf829;</i> <span class="i-name">porto-icon-mail</span><span class="i-code">0xf829</span></div>
    549         <div class="the-icons span3" title="Code: 0xf82a"><i class="demo-icon porto-icon-clock">&#xf82a;</i> <span class="i-name">porto-icon-clock</span><span class="i-code">0xf82a</span></div>
    550         <div class="the-icons span3" title="Code: 0xf82b"><i class="demo-icon porto-icon-ok">&#xf82b;</i> <span class="i-name">porto-icon-ok</span><span class="i-code">0xf82b</span></div>
    551       </div>
    552       <div class="row">
    553         <div class="the-icons span3" title="Code: 0xf82c"><i class="demo-icon porto-icon-plus-squared-alt">&#xf82c;</i> <span class="i-name">porto-icon-plus-squared-alt</span><span class="i-code">0xf82c</span></div>
    554         <div class="the-icons span3" title="Code: 0xf82d"><i class="demo-icon porto-icon-minus-squared-alt">&#xf82d;</i> <span class="i-name">porto-icon-minus-squared-alt</span><span class="i-code">0xf82d</span></div>
    555         <div class="the-icons span3" title="Code: 0xf82e"><i class="demo-icon porto-icon-plus-squared">&#xf82e;</i> <span class="i-name">porto-icon-plus-squared</span><span class="i-code">0xf82e</span></div>
    556         <div class="the-icons span3" title="Code: 0xf82f"><i class="demo-icon porto-icon-minus-squared">&#xf82f;</i> <span class="i-name">porto-icon-minus-squared</span><span class="i-code">0xf82f</span></div>
    557       </div>
    558       <div class="row">
    559         <div class="the-icons span3" title="Code: 0xf830"><i class="demo-icon porto-icon-truck">&#xf830;</i> <span class="i-name">porto-icon-truck</span><span class="i-code">0xf830</span></div>
    560         <div class="the-icons span3" title="Code: 0xf831"><i class="demo-icon porto-icon-dollar">&#xf831;</i> <span class="i-name">porto-icon-dollar</span><span class="i-code">0xf831</span></div>
    561         <div class="the-icons span3" title="Code: 0xf832"><i class="demo-icon porto-icon-lifebuoy">&#xf832;</i> <span class="i-name">porto-icon-lifebuoy</span><span class="i-code">0xf832</span></div>
    562         <div class="the-icons span3" title="Code: 0xf833"><i class="demo-icon porto-icon-facebook">&#xf833;</i> <span class="i-name">porto-icon-facebook</span><span class="i-code">0xf833</span></div>
    563       </div>
    564       <div class="row">
    565         <div class="the-icons span3" title="Code: 0xf834"><i class="demo-icon porto-icon-twitter">&#xf834;</i> <span class="i-name">porto-icon-twitter</span><span class="i-code">0xf834</span></div>
    566         <div class="the-icons span3" title="Code: 0xf835"><i class="demo-icon porto-icon-linkedin-squared">&#xf835;</i> <span class="i-name">porto-icon-linkedin-squared</span><span class="i-code">0xf835</span></div>
    567         <div class="the-icons span3" title="Code: 0xf836"><i class="demo-icon porto-icon-pinterest">&#xf836;</i> <span class="i-name">porto-icon-pinterest</span><span class="i-code">0xf836</span></div>
    568         <div class="the-icons span3" title="Code: 0xf837"><i class="demo-icon porto-icon-gplus">&#xf837;</i> <span class="i-name">porto-icon-gplus</span><span class="i-code">0xf837</span></div>
    569       </div>
    570       <div class="row">
    571         <div class="the-icons span3" title="Code: 0xf838"><i class="demo-icon porto-icon-youtube">&#xf838;</i> <span class="i-name">porto-icon-youtube</span><span class="i-code">0xf838</span></div>
    572         <div class="the-icons span3" title="Code: 0xf839"><i class="demo-icon porto-icon-th">&#xf839;</i> <span class="i-name">porto-icon-th</span><span class="i-code">0xf839</span></div>
    573         <div class="the-icons span3" title="Code: 0xf83a"><i class="demo-icon porto-icon-th-list">&#xf83a;</i> <span class="i-name">porto-icon-th-list</span><span class="i-code">0xf83a</span></div>
    574         <div class="the-icons span3" title="Code: 0xf83b"><i class="demo-icon porto-icon-chart-bar">&#xf83b;</i> <span class="i-name">porto-icon-chart-bar</span><span class="i-code">0xf83b</span></div>
    575       </div>
    576       <div class="row">
    577         <div class="the-icons span3" title="Code: 0xf83c"><i class="demo-icon porto-icon-heart-empty">&#xf83c;</i> <span class="i-name">porto-icon-heart-empty</span><span class="i-code">0xf83c</span></div>
    578         <div class="the-icons span3" title="Code: 0xf83d"><i class="demo-icon porto-icon-instagram">&#xf83d;</i> <span class="i-name">porto-icon-instagram</span><span class="i-code">0xf83d</span></div>
    579         <div class="the-icons span3" title="Code: 0xf840"><i class="demo-icon porto-icon-up">&#xf840;</i> <span class="i-name">porto-icon-up</span><span class="i-code">0xf840</span></div>
    580         <div class="the-icons span3" title="Code: 0xf841"><i class="demo-icon porto-icon-right">&#xf841;</i> <span class="i-name">porto-icon-right</span><span class="i-code">0xf841</span></div>
    581       </div>
    582       <div class="row">
    583         <div class="the-icons span3" title="Code: 0xf842"><i class="demo-icon porto-icon-down">&#xf842;</i> <span class="i-name">porto-icon-down</span><span class="i-code">0xf842</span></div>
    584         <div class="the-icons span3" title="Code: 0xf843"><i class="demo-icon porto-icon-left">&#xf843;</i> <span class="i-name">porto-icon-left</span><span class="i-code">0xf843</span></div>
    585         <div class="the-icons span3" title="Code: 0xf844"><i class="demo-icon porto-icon-star">&#xf844;</i> <span class="i-name">porto-icon-star</span><span class="i-code">0xf844</span></div>
    586         <div class="the-icons span3" title="Code: 0xf845"><i class="demo-icon porto-icon-star-empty">&#xf845;</i> <span class="i-name">porto-icon-star-empty</span><span class="i-code">0xf845</span></div>
    587       </div>
    588       <div class="row">
    589         <div class="the-icons span3" title="Code: 0xf846"><i class="demo-icon porto-icon-ok-circled">&#xf846;</i> <span class="i-name">porto-icon-ok-circled</span><span class="i-code">0xf846</span></div>
    590         <div class="the-icons span3" title="Code: 0xf847"><i class="demo-icon porto-icon-cancel-circled">&#xf847;</i> <span class="i-name">porto-icon-cancel-circled</span><span class="i-code">0xf847</span></div>
    591         <div class="the-icons span3" title="Code: 0xf848"><i class="demo-icon porto-icon-help-circled">&#xf848;</i> <span class="i-name">porto-icon-help-circled</span><span class="i-code">0xf848</span></div>
    592         <div class="the-icons span3" title="Code: 0xf849"><i class="demo-icon porto-icon-info-circled">&#xf849;</i> <span class="i-name">porto-icon-info-circled</span><span class="i-code">0xf849</span></div>
    593       </div>
    594       <div class="row">
    595         <div class="the-icons span3" title="Code: 0xf84a"><i class="demo-icon porto-icon-attention">&#xf84a;</i> <span class="i-name">porto-icon-attention</span><span class="i-code">0xf84a</span></div>
    596         <div class="the-icons span3" title="Code: 0xf84b"><i class="demo-icon porto-icon-mobile">&#xf84b;</i> <span class="i-name">porto-icon-mobile</span><span class="i-code">0xf84b</span></div>
    597         <div class="the-icons span3" title="Code: 0xf84c"><i class="demo-icon porto-icon-mail-alt">&#xf84c;</i> <span class="i-name">porto-icon-mail-alt</span><span class="i-code">0xf84c</span></div>
    598         <div class="the-icons span3" title="Code: 0xf84d"><i class="demo-icon porto-icon-skype">&#xf84d;</i> <span class="i-name">porto-icon-skype</span><span class="i-code">0xf84d</span></div>
    599       </div>
    600       <div class="row">
    601         <div class="the-icons span3" title="Code: 0xf84e"><i class="demo-icon porto-icon-doc">&#xf84e;</i> <span class="i-name">porto-icon-doc</span><span class="i-code">0xf84e</span></div>
    602         <div class="the-icons span3" title="Code: 0xf850"><i class="demo-icon porto-icon-user">&#xf850;</i> <span class="i-name">porto-icon-user</span><span class="i-code">0xf850</span></div>
    603         <div class="the-icons span3" title="Code: 0xf851"><i class="demo-icon porto-icon-help">&#xf851;</i> <span class="i-name">porto-icon-help</span><span class="i-code">0xf851</span></div>
    604         <div class="the-icons span3" title="Code: 0xf852"><i class="demo-icon porto-icon-info">&#xf852;</i> <span class="i-name">porto-icon-info</span><span class="i-code">0xf852</span></div>
    605       </div>
    606       <div class="row">
    607         <div class="the-icons span3" title="Code: 0xf853"><i class="demo-icon porto-icon-help-circled-alt">&#xf853;</i> <span class="i-name">porto-icon-help-circled-alt</span><span class="i-code">0xf853</span></div>
    608         <div class="the-icons span3" title="Code: 0xf854"><i class="demo-icon porto-icon-info-circled-alt">&#xf854;</i> <span class="i-name">porto-icon-info-circled-alt</span><span class="i-code">0xf854</span></div>
    609         <div class="the-icons span3" title="Code: 0xf855"><i class="demo-icon porto-icon-chevron-left">&#xf855;</i> <span class="i-name">porto-icon-chevron-left</span><span class="i-code">0xf855</span></div>
    610         <div class="the-icons span3" title="Code: 0xf856"><i class="demo-icon porto-icon-chevron-right">&#xf856;</i> <span class="i-name">porto-icon-chevron-right</span><span class="i-code">0xf856</span></div>
    611       </div>
    612       <div class="row">
    613         <div class="the-icons span3" title="Code: 0xf857"><i class="demo-icon porto-icon-reply">&#xf857;</i> <span class="i-name">porto-icon-reply</span><span class="i-code">0xf857</span></div>
    614         <div class="the-icons span3" title="Code: 0xf858"><i class="demo-icon porto-icon-paper-plane">&#xf858;</i> <span class="i-name">porto-icon-paper-plane</span><span class="i-code">0xf858</span></div>
    615         <div class="the-icons span3" title="Code: 0xf859"><i class="demo-icon porto-icon-magnify">&#xf859;</i> <span class="i-name">porto-icon-magnify</span><span class="i-code">0xf859</span></div>
    616         <div class="the-icons span3" title="Code: 0xf85a"><i class="demo-icon porto-icon-zoom-in">&#xf85a;</i> <span class="i-name">porto-icon-zoom-in</span><span class="i-code">0xf85a</span></div>
    617       </div>
    618       <div class="row">
    619         <div class="the-icons span3" title="Code: 0xf85b"><i class="demo-icon porto-icon-zoom-out">&#xf85b;</i> <span class="i-name">porto-icon-zoom-out</span><span class="i-code">0xf85b</span></div>
    620         <div class="the-icons span3" title="Code: 0xf860"><i class="demo-icon porto-icon-chat">&#xf860;</i> <span class="i-name">porto-icon-chat</span><span class="i-code">0xf860</span></div>
    621         <div class="the-icons span3" title="Code: 0xf861"><i class="demo-icon porto-icon-folder">&#xf861;</i> <span class="i-name">porto-icon-folder</span><span class="i-code">0xf861</span></div>
    622         <div class="the-icons span3" title="Code: 0xf862"><i class="demo-icon porto-icon-folder-open">&#xf862;</i> <span class="i-name">porto-icon-folder-open</span><span class="i-code">0xf862</span></div>
    623       </div>
    624       <div class="row">
    625         <div class="the-icons span3" title="Code: 0xf863"><i class="demo-icon porto-icon-tag">&#xf863;</i> <span class="i-name">porto-icon-tag</span><span class="i-code">0xf863</span></div>
    626         <div class="the-icons span3" title="Code: 0xf864"><i class="demo-icon porto-icon-tags">&#xf864;</i> <span class="i-name">porto-icon-tags</span><span class="i-code">0xf864</span></div>
    627         <div class="the-icons span3" title="Code: 0xf865"><i class="demo-icon porto-icon-calendar">&#xf865;</i> <span class="i-name">porto-icon-calendar</span><span class="i-code">0xf865</span></div>
    628         <div class="the-icons span3" title="Code: 0xf870"><i class="demo-icon porto-icon-circle-empty">&#xf870;</i> <span class="i-name">porto-icon-circle-empty</span><span class="i-code">0xf870</span></div>
    629       </div>
    630       <div class="row">
    631         <div class="the-icons span3" title="Code: 0xf871"><i class="demo-icon porto-icon-shirt">&#xf871;</i> <span class="i-name">porto-icon-shirt</span><span class="i-code">0xf871</span></div>
    632         <div class="the-icons span3" title="Code: 0xf872"><i class="demo-icon porto-icon-computer">&#xf872;</i> <span class="i-name">porto-icon-computer</span><span class="i-code">0xf872</span></div>
    633         <div class="the-icons span3" title="Code: 0xf873"><i class="demo-icon porto-icon-toys">&#xf873;</i> <span class="i-name">porto-icon-toys</span><span class="i-code">0xf873</span></div>
    634         <div class="the-icons span3" title="Code: 0xf874"><i class="demo-icon porto-icon-garden">&#xf874;</i> <span class="i-name">porto-icon-garden</span><span class="i-code">0xf874</span></div>
    635       </div>
    636       <div class="row">
    637         <div class="the-icons span3" title="Code: 0xf875"><i class="demo-icon porto-icon-couch">&#xf875;</i> <span class="i-name">porto-icon-couch</span><span class="i-code">0xf875</span></div>
    638         <div class="the-icons span3" title="Code: 0xf876"><i class="demo-icon porto-icon-sports">&#xf876;</i> <span class="i-name">porto-icon-sports</span><span class="i-code">0xf876</span></div>
    639         <div class="the-icons span3" title="Code: 0xf877"><i class="demo-icon porto-icon-gift">&#xf877;</i> <span class="i-name">porto-icon-gift</span><span class="i-code">0xf877</span></div>
    640         <div class="the-icons span3" title="Code: 0xf878"><i class="demo-icon porto-icon-eye">&#xf878;</i> <span class="i-name">porto-icon-eye</span><span class="i-code">0xf878</span></div>
    641       </div>
    642       <div class="row">
    643         <div class="the-icons span3" title="Code: 0xf879"><i class="demo-icon porto-icon-export">&#xf879;</i> <span class="i-name">porto-icon-export</span><span class="i-code">0xf879</span></div>
    644         <div class="the-icons span3" title="Code: 0xf87a"><i class="demo-icon porto-icon-bag-4">&#xf87a;</i> <span class="i-name">porto-icon-bag-4</span><span class="i-code">0xf87a</span></div>
    645         <div class="the-icons span3" title="Code: 0xf87b"><i class="demo-icon porto-icon-search-3">&#xf87b;</i> <span class="i-name">porto-icon-search-3</span><span class="i-code">0xf87b</span></div>
    646         <div class="the-icons span3" title="Code: 0xf87c"><i class="demo-icon porto-icon-check">&#xf87c;</i> <span class="i-name">porto-icon-check</span><span class="i-code">0xf87c</span></div>
    647       </div>
    648       <div class="row">
    649         <div class="the-icons span3" title="Code: 0xf87d"><i class="demo-icon porto-icon-check-empty">&#xf87d;</i> <span class="i-name">porto-icon-check-empty</span><span class="i-code">0xf87d</span></div>
    650         <div class="the-icons span3" title="Code: 0xf880"><i class="demo-icon porto-icon-search-2">&#xf880;</i> <span class="i-name">porto-icon-search-2</span><span class="i-code">0xf880</span></div>
    651         <div 
class="the-icons span3" title="Code: 0xf881"><i class="demo-icon porto-icon-bag-1">&#xf881;</i> <span class="i-name">porto-icon-bag-1</span><span class="i-code">0xf881</span></div>
    652         <div 
class="the-icons span3" title="Code: 0xf882"><i class="demo-icon porto-icon-plus">&#xf882;</i> <span class="i-name">porto-icon-plus</span><span class="i-code">0xf882</span></div>
    653       </div>
    654       <div class="row">
    655         <div 
class="the-icons span3" title="Code: 0xf883"><i class="demo-icon porto-icon-minus">&#xf883;</i> <span class="i-name">porto-icon-minus</span><span class="i-code">0xf883</span></div>
529       </div> 656       </div>
530     </div> 657     </div>
531     <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div> 658     <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div>
532   </body> 659   </body>
533 </html> 660 </html>